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