|
Изменения цвета бордера при нажатий на форму поска
|
|
| MikkeyZer | Воскресенье, 03 Апреля 2016, 07:44 | Сообщение 1 |
| Здравствуйте я бы хотел узнать как сделать так чтобы при нажатий на форму поиска изменился цвет бордера не как не могу этого сделать вот ссылка на мой сайт:Кликните :) 
ОдИн_В_ПоЛе_ВоИн
Сообщение отредактировал
MikkeyZer - Воскресенье, 03 Апреля 2016, 07:48 | | [ AZ ] |
| |
| Kosten | Воскресенье, 03 Апреля 2016, 11:15 | Сообщение 2 |
| MikkeyZer, но так лучше смотрится, но кому как, в моем случай, наоборот убирал, так по умолчанию шло так.
| | [ RU ] |
| |
| MikkeyZer | Воскресенье, 03 Апреля 2016, 11:34 | Сообщение 3 |
|
| Kosten, ну просто хочу какой нибудь эфект чтобы был ну если знаете объясните как сделать
ОдИн_В_ПоЛе_ВоИн
| | [ AZ ] |
| |
| Kosten | Воскресенье, 03 Апреля 2016, 12:48 | Сообщение 4 |
|
| MikkeyZer, но сразу бы написал, просто не знаю, стиль отвечает за этот называемый эффект. Нужно на тестовом посмотреть если есть, так может что то можно разобраться.
| | [ RU ] |
| |
| MikkeyZer | Воскресенье, 03 Апреля 2016, 12:50 | Сообщение 5 |
|
| Kosten, ну если получится то напишите буду ждать
ОдИн_В_ПоЛе_ВоИн
| | [ AZ ] |
| |
| Kosten | Воскресенье, 03 Апреля 2016, 12:51 | Сообщение 6 |
|
| MikkeyZer, хотя на стандартном также нет этого эффекта обвода.
| | [ RU ] |
| |
| MikkeyZer | Воскресенье, 03 Апреля 2016, 12:58 | Сообщение 7 |
|
| Kosten, дать ссылку где есть
ОдИн_В_ПоЛе_ВоИн
| | [ AZ ] |
| |
| Kosten | Воскресенье, 03 Апреля 2016, 12:59 | Сообщение 8 |
|
| MikkeyZer, да вот ищу пока. 
| | [ RU ] |
| |
| MikkeyZer | Воскресенье, 03 Апреля 2016, 12:59 | Сообщение 9 |
|
| Kosten, вот держите:DEMO
ОдИн_В_ПоЛе_ВоИн
| | [ AZ ] |
| |
| Kosten | Воскресенье, 03 Апреля 2016, 13:19 | Сообщение 10 |
|
| Не понимаю, зачем на такие сайты даете урл.
| | [ RU ] |
| |
| MikkeyZer | Воскресенье, 03 Апреля 2016, 13:30 | Сообщение 11 |
|
| Kosten, извините просто что та у меня avast не сработал вот я и подумал что все норм 
ОдИн_В_ПоЛе_ВоИн
| | [ AZ ] |
| |
| workman | Воскресенье, 03 Апреля 2016, 16:11 | Сообщение 12 |
| MikkeyZer, Делается это все через псевдокласс :focus
Например для поля выставляется класс, например
Код .focus-pole {
width: 240px; /* задаем ширину поля */
margin-left: 10px; /* Это расстояние между полем и текстом */
border: 1px solid #abadb3; /* рамка вокруг поля. Цвет ставим какой вам понравится */
}
.focus-pole:focus {
background: #ffe; /* Можем поставить свой цвет фона */
border: 1px solid #29B0D9; /* Каким цветом будем рамка */
}
Ну и после этого прописываем для поля класс class="form-text"
Код <input type="text" name="login" value="" class="focus-pole">
пример Демо
Сообщение отредактировал
workman - Воскресенье, 03 Апреля 2016, 16:51 | | [ RU ] |
| |
| TiMzLeR | Вторник, 11 Октября 2016, 23:30 | Сообщение 13 |
| Оу) как раз то что надо...
Три вещи никогда не возвращаются обратно - время, слово, возможность. Поэтому не теряй времени, выбирай слова, не упускай возможность.
| | [ AZ ] |
| |
| TiMzLeR | Среда, 12 Октября 2016, 00:05 | Сообщение 14 |
|
| не получилось как только не пробывал наверное не под каждый форму поиска потходит
Три вещи никогда не возвращаются обратно - время, слово, возможность. Поэтому не теряй времени, выбирай слова, не упускай возможность.
| | [ AZ ] |
| |
| Angerfist | Среда, 12 Октября 2016, 01:34 | Сообщение 15 |
| TiMzLeR, Цитата TiMzLeR (  ) не получилось как только не пробывал наверное не под каждый форму поиска потходит
у тебя в форме поиска у поля ввода input класс search:
Код
<center><form action="/search">
<input class="search" name="q" placeholder="Введите текст для поиска..." autocomplete="off" minlength="3" maxlength="200" required="" type="text">
<input class="searchbu" value="" type="submit">
</form></center>
вам workman чуть ли не всё разжевал и у вас не получается, фейспалм.
добавить надо к уже созданному классу формы, а не врезать ещё один сверху:
Код
.search {
border: 1px solid #4682B4;
}
.search:focus {
border: 1px solid #006400;
}
No regrets
Сообщение отредактировал
Angerfist - Среда, 12 Октября 2016, 01:41 | | [ RU ] |
| |
