X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Вопрос про ":focus"
kombat003
kombat003
Topic Starter сообщение 24.1.2015, 16:49; Ответить: kombat003
Сообщение #1


Здравствуйте. Никак не могу понять - в чем проблема. Подключил иконочный шрифт, хочу чтобы при фокусе на инпут он
<i class="fa fa-search s-addon"></i>
менял цвет. Т.к. "<div id="search">" является для него и для инпута родительским, я решил написать так
[CSS]#search #i-search:focus {
color: green !important;
}[/CSS] Но при фокусе меняется только цвет текста внутри инпута. Подскажите пожалуйста - почему так происходит и как это можно исправить?
<head>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<style>
.s-addon {
font-size: 20px;
}
#i-search {
width: 200px;
border: 4px solid black;
}
#search #i-search:focus {
color: green !important;
}
</style>
</head>
<body>
<div id="search">
<i class="fa fa-search s-addon"></i>
<input id="i-search" type="text" value="SEARCH">
</div>
</body>
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Degradator
Degradator
сообщение 26.1.2015, 11:04; Ответить: Degradator
Сообщение #2


я не понял
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
skarb z by
skarb z by
сообщение 26.1.2015, 16:20; Ответить: skarb z by
Сообщение #3


<head>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<style>
.s-addon{font-size:20px;float:left}
#i-search{width:200px;border:4px solid black}
#i-search:focus + .s-addon {color:green}
</style>
</head>
<body>
<div id="search">
<input id="i-search" type="text" value="SEARCH">
<i class="fa fa-search s-addon"></i>
</div>
</body>


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Требуется помощь по сайту на "ВордПресс"
Закрылся доступ в панель администратора
12 Tia2 1530 25.3.2024, 6:54
автор: Skyworker
Открытая тема (нет новых ответов) ✅ sms.chekons.com - ⭐ Сервис для получения SMS на реальные номера USA "Non-VoIP, безлим SMS, API" ⭐
Сервис для получения SMS на реальные номера USA
10 Chekon 3582 24.3.2024, 14:15
автор: Chekon
Открытая тема (нет новых ответов) ⭐⭐⭐ Google Voice | Gmail - OLD аккаунты "SMS и звонки" ⭐⭐⭐
12 Chekon 3817 24.3.2024, 13:56
автор: Chekon
Опрос (нет новых голосов) Опрос: Результаты в упражнении "Жим лёжа" у вэбмастеров
35 Room 4464 13.3.2024, 13:10
автор: Room
Открытая тема (нет новых ответов) "Лежащий" домен - 10 лет. Продать?
8 Wolfhound 2382 5.3.2024, 3:22
автор: Liudmila


 



RSS Текстовая версия Сейчас: 29.3.2024, 3:57
Дизайн