В :focusкласа псевдо в CSS се използва за оформяне на един елемент, който в момента е насочена от клавиатурата, или активиран от мишката. Ето пример:
textarea:focus ( background: pink; )Всеки елемент (най-често s и s) е във „фокус“, когато е избран и е готов за въвеждане на текст (например, когато мига курсорът). Потребителите на мишката могат да щракнат върху тях (или свързани с тях label), за да се съсредоточат, а потребителите на клавиатурата могат да TAB в тях.
„Табулиране“
по-нататъшното използване на :focusпсевдо класа е “табулиране” през елементи. Много браузъри имат състояние на фокус по подразбиране за избор на раздел, което е пунктиран контур. Отстранява се доста лесно, но не забравяйте да го замените с подходяща алтернатива, ако го направите.
ите, s, s, и textareas всички имат :focus състояние по подразбиране, но можете да дадете на държавната акцент към всеки елемент в HTML. Както contenteditable и tabindex атрибути за това, тъй като в този пример:
Свързани
Статия на 12 май 2017 г.Псевдокласът `: focus-within`
Крис Койер
Поддръжка на браузър
Всички браузъри поддържат основно използване на :focus.