Pseudo-sınıf focus

Pseudo-sınıf focus, input, textarea veya link için giriş odağı stillerini belirler. Giriş odağı - bir inputa tıkladığımızda ve içinde çubuk imlecin yanıp söndüğü (metin girebileceğimiz) durumdur.

Sözdizimi

cssinput:focus {
  
}

Örnek

Odak alındıktan sonra input kırmızı kenarlık ve gölge alacak:

html<input>

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

Результат:

Ayrıca bakınız