CSS :focus önyapısı

tanımlama ve kullanım

CSS :focus önyapılar, odaklanan elementlerin tarzını seçmek ve ayarlamak için kullanılır.

örnek

örnek 1

giriş alanı odaklandığında tarzı seçin ve ayarlayın:

input:focus {
  background-color: yellow;
}

kişisel olarak deneyin

örnek 2

giriş alanı odaklandığında, arka plan rengi ve genişliği değiştirin:

input:focus {
  background-color: yellow;
  width: 250px;
}

kişisel olarak deneyin

CSS dilbilgisi

:focus {
  css ifadeleri;
}

teknik ayrıntılar

tarayıcı desteği

tablodaki sayılar, bu önyapının tam olarak desteklenen ilk tarayıcı sürümünü belirtir.

ilgili sayfalar

ders:CSS Sahte Sınıfları