Перейти к публикации
Гость onnvideo

DataLife Engine Как сделать, чтоб форма светилась?

Рекомендованные сообщения

Гость onnvideo

Как сделать чтоб при заполнение формы она по краям светилась каким нить цветом????

 

Смотрите скин

post-2926-0-82040300-1337870411_thumb.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
МиксирисТ

В CSS добавь к классу

:hover

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Гость onnvideo

а сможешь полностью стиль написать??? а как сделать например чтоб красным светилось??

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
LIKVINIK

имя:focus{border-color:#ff0000;box-shadow:0px 1px 0px rgba(0,0,0,0.1) inset, 0px 0px 5px #ff0000;-moz-box-shadow:0px 1px 0px rgba(0,0,0,0.1) inset, 0px 0px 5px #ff0000;-webkit-box-shadow:0px 1px 0px rgba(0,0,0,0.1) inset, 0px 0px 5px #ff0000}

#ff0000 - это цвет!

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Гость onnvideo
@LIKVINIK, не работает

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
LIKVINIK

@LIKVINIK, не работает

 

у меня же работает! Значит не так что то делаешь=)

 

Дай код формы для которой делаешь стиль

Изменено пользователем LIKVINIK

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Гость onnvideo

<tr align="left">

<td style="padding-top:20px; width:150px;">Придумайте логин <font color="red">*</font></td>

<td style="padding-top:20px; width:260px;"><input type="text" name="name" id='name' class="f_input" onblur="CheckLogin(); return false;" /></td>

<td style="padding-left:10px; padding-top:10px;"><div id='result-registration'></div></td>

</tr>

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
LIKVINIK

<input type="text" name="name" id='name' class="f_input" onblur="CheckLogin(); return false;" />

 

Это в css:

input.f_input:focus{border-color:#ff0000;box-shadow:0px 1px 0px rgba(0,0,0,0.1) inset, 0px 0px 5px #ff0000;-moz-box-shadow:0px 1px 0px rgba(0,0,0,0.1) inset, 0px 0px 5px #ff0000;-webkit-box-shadow:0px 1px 0px rgba(0,0,0,0.1) inset, 0px 0px 5px #ff0000}

Пробуй все должно работать!работает при нажатии на поле!

Изменено пользователем LIKVINIK

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
МиксирисТ

Для всех полей

 

input[type="text"]:hover {border: 1px solid #000}
Изменено пользователем МиксирисТ

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
TheAndrey

Ну вы тут и понасоветовали ТСу :wink:

CSS выучите, а потом будет всё понятно.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Гость
Эта тема закрыта для публикации сообщений.

×
×
  • Создать...