:focus

 
:focus - псевдокласс, который определяет стиль для элемента получающего фокус. Например, им может быть текстовое поле формы, в которое устанавливается курсор.

Значения

Значений нет.

Пример использования

#enter .label {
     width: 80px; /* Ширина блока с текстом */
     float: left; /* Расположение в одну строку с полем */
     text-align: right; /* Выравнивание по правому краю */
   }
   #enter .form-text {
     width: 240px; /* Ширина поля */
     margin-left: 10px; /* Расстояние между полем и текстом */
     border: 1px solid #abadb3; /* Рамка вокруг текстового поля */
     padding: 2px; /* Поля вокруг текста */
   }
   #enter .form-item {
     margin-bottom: 5px; /* Отступ снизу */
   }
   #enter .form-text:focus {
     background: #ffe; /* Цвет фона */
     border: 1px solid #29B0D9; /* Параметры рамки */
   }
   #enter p {
    margin-left: 90px; /* Сдвиг вправо */
   }

Характеристики

1. Применяется к элементам, которые могут получить фокус (<a>, <input>, <select> и <textarea>)

Синтаксис

элемент:focus { ... }

Версии CSS

CSS 2
CSS 2.1
CSS 3

Нашли ошибку, опечатку, неточность, неактуальную или устаревшую информацию? Пишите.