Автор серега есин задал вопрос в разделе Верстка, CSS, HTML, SVG
Чем псведокласс :fokus отличается от псевдокласса :hover Не могу понять, Чем :fokus отличается от :hover и получил лучший ответ
Ответ от Black vasilisk[гуру]
Тем, что псевдокласса :fokus нет, есть :focus
ссылка Псевдокласс :hover Определяет стиль элемента при наведении на него курсора мыши, но при этом элемент еще не активирован, иными словами кнопка мыши не нажата.
ссылка Псевдокласс :focus определяет стиль для элемента, получающего фокус. Например, им может быть текстовое поле формы, в которое устанавливается курсор.
В справочник лень заглянуть?
Ответ от МАСТЕР[гуру]
Двумя словами - hover при наведении, а focus при нажатии
Иногда добавляют стили и нажатой кнопочки
Двумя словами - hover при наведении, а focus при нажатии
Иногда добавляют стили и нажатой кнопочки
Ответ от Вам и не снилось[гуру]
focus подразумевает фокус ввода, hover - положение мыши над элементом. это совершенно разные состояния. так текстовое поле может обладать фокусом и принимать набираемые на клавиатуре символы, в то время когда указатель мыши может находиться где угодно, даже за пределами окна. и напротив, наведение указателя на элемент - то же текстовое поле - само по себе еще не передает этому элементу фокус, т. е. способность принимать ввод.
focus подразумевает фокус ввода, hover - положение мыши над элементом. это совершенно разные состояния. так текстовое поле может обладать фокусом и принимать набираемые на клавиатуре символы, в то время когда указатель мыши может находиться где угодно, даже за пределами окна. и напротив, наведение указателя на элемент - то же текстовое поле - само по себе еще не передает этому элементу фокус, т. е. способность принимать ввод.
Ответ от Даниил Шевцов[гуру]
Псевдо класс :focus (а не :fokus) определяет набор стилей для элемента, на котором сфокусирован пользователь, т. е. когда кликнули по элементу и кнопку не отпустили. Псевдо класс :hover определяет набор стилей для элементов, на которые пользователь просто навёл курсор мыши и не кликал по элементу. На тач устройствах, т. е. смартфонах, планшетах, тач мониторах и т. д., :hover и :focus в принципе одно и тоже, т. к. в таких устройствах нету понятия "Навели мышь на элемент".
Псевдо класс :focus (а не :fokus) определяет набор стилей для элемента, на котором сфокусирован пользователь, т. е. когда кликнули по элементу и кнопку не отпустили. Псевдо класс :hover определяет набор стилей для элементов, на которые пользователь просто навёл курсор мыши и не кликал по элементу. На тач устройствах, т. е. смартфонах, планшетах, тач мониторах и т. д., :hover и :focus в принципе одно и тоже, т. к. в таких устройствах нету понятия "Навели мышь на элемент".
Ответ от 3 ответа[гуру]
Привет! Вот подборка тем с ответами на Ваш вопрос: Чем псведокласс :fokus отличается от псевдокласса :hover Не могу понять, Чем :fokus отличается от :hover
оформление формы css
Есть псевдокласс :focus,вот добавляйте input:focus {
border: 3px solid #10689a;
}