пример
Выберите стиль и поле ввода, когда он получает фокус:
input:focus
{
background-color: yellow;
}
Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
: Переключатель фокусировки используется для выбора элемента, который имеет фокус.
Tip: The: переключатель фокусировки допускается на элементах , которые принимают события клавиатуры или другие пользовательские входные данные.
| Версия: | CSS2 |
|---|
Поддержка браузеров
Числа в таблице определяет первую версию браузера, который полностью поддерживает селектор.
| селектор | |||||
|---|---|---|---|---|---|
| :focus | 4.0 | 8.0 | 2,0 | 3.1 | 9.6 |
Note: Для: фокус на работу в IE8, а <! DOCTYPE> должен быть объявлен.
CSS Синтаксис
Еще примеры
пример
Когда <input type="text"> получает фокус, постепенно меняют ширину от 100px до 250px:
input[type=text] {
width: 100px;
transition: ease-in-out, width .35s ease-in-out;
}
input[type=text]:focus {
width: 250px;
} Попробуй сам " Похожие страницы
Учебник CSS: классы CSS Псевдо