Pseudo kelas focus

Pseudo kelas focus menetapkan gaya untuk input, textarea atau pautan dengan fokus input. Fokus input - ialah apabila kita mengklik pada input dan kursor berkelip di sana (boleh memasukkan teks).

Sintaks

cssinput:focus {
  
}

Contoh

Selepas mendapat fokus, input akan mendapat sempadan merah dan bayang-bayang:

html<input>

cssinput:focus {
  border: 1px solid red;
  box-shadow: 0 0 3px red;
}

Результат:

Lihat juga