Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Детальная настройка <INPUT type=text> (https://javascript.ru/forum/misc/1031-detalnaya-nastrojjka-input-type%3Dtext.html)

Лекс Ливень 03.02.2008 22:35

Детальная настройка <INPUT type=text>
 
Вобщем, суть такая: мне нужно сделать прозрачный <INPUT type=text>. Или же заменить его любым другим текстовым контейнером с поддержкой прозрачности или хотя бы фона. (Делаю часы).
Есть идеи, как это можно осуществить?

Smirnov007 08.02.2008 14:33

Изменяет цвет текстового поля на зеленый...
<script language="JavaScript" type="text/javascript">
function Por()
{
document.Form.Pole.style.backgroundColor='#BFFFBF';
//#BFFFBF - это светло-зеленый, я других не знаю но поищи
};
setTimeout("Por()",0);
</script>
<form name=Form>
<input name="Pole">
</form>

DonQuijote 08.02.2008 15:57

Фон, границы, прозрачность тут устанавливается так же как и для других элементов:

Код:

<input type="text" name="..." value="sadfasdf" style="border:none;background:#fce;opacity:.8" />
Прозрачность это opacity, а .8 значит 80%. Для IE это
Код:

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);

Лекс Ливень 09.02.2008 17:18

OK, и еще вопросик...
 
Спасибо, DonQuijote, все работает.
И еще такой теперь вопрос: а как насчет настройки шрифта в этом поле?

DonQuijote 09.02.2008 23:09

Шрифт меняется также как и у любого другого объекта на странице:
font-size: 14px - размер
font-weight: bold - жирный (italic - курсив)
и т.д.

Лекс Ливень 23.02.2008 19:05

Нашел новый прикол! Тему можно закрывать.
Я нашел, как организовать текстовый контейнер из ЛЮБОГО блока.
<span id="ElementID">Некий текст</span>
Для моих часов - идеальный вариант!

Phoenix 23.02.2008 19:56

Угу... так же можно и div.

SergeiAzarov 27.02.2008 19:29

А в стилях background:transparent для input не помогает разве???

Лекс Ливень 28.02.2008 10:24

Цитата:

Сообщение от SergeiAzarov (Сообщение 1379)
А в стилях background:transparent для input не помогает разве???

Помогает, но меня изначально интересовала полупрозрачность, а не полная, а теперь я уже нашел решение своей задачи :)


Часовой пояс GMT +3, время: 16:43.