: messa a fuoco - Trucchi CSS

La :focuspseudo classe in CSS viene utilizzata per applicare lo stile a un elemento attualmente mirato dalla tastiera o attivato dal mouse. Ecco un esempio:

textarea:focus ( background: pink; )

Qualsiasi elemento (più comunemente se s ) è "attivo" quando è selezionato e pronto per l'inserimento di testo (come quando un cursore lampeggia). Gli utenti del mouse possono fare clic su di essi (o sui relativi label) per mettere a fuoco e gli utenti della tastiera possono TAB.

"Tabulazione"

un altro uso della :focuspseudo classe è il "tabbing" tra gli elementi. Molti browser hanno uno stato attivo predefinito per la selezione delle schede, che è un contorno tratteggiato. È abbastanza facile da rimuovere, ma assicurati di sostituirlo con un'alternativa adatta se lo fai.

s, s, s, e textareas tutti hanno lo :focus stato di default, ma è possibile dare uno stato attenzione a qualsiasi elemento in HTML. Entrambi gli attributi contenteditable e tabindexfunzionano per questo, come in questo esempio: