Pseudo-class focus
Pseudo-class focus mengatur gaya untuk
input,
textarea
atau tautan
dengan fokus input. Fokus input adalah
ketika kita mengklik pada input dan kursor tongkat berkedip di sana
(teks dapat dimasukkan).
Sintaksis
input:focus {
}
Contoh
Setelah mendapatkan fokus, input akan mendapatkan border merah dan bayangan:
<input>
input:focus {
border: 1px solid red;
box-shadow: 0 0 3px red;
}
:
