CSS : odak Seçici
Örnek
Odaklandığında bir giriş alanı seçin ve stil verin:
input:focus
{
background-color: yellow;
}
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
Seçici :focus
, odağı olan öğeyi seçmek için kullanılır.
İpucu: Klavye olaylarını veya diğer kullanıcı girişlerini kabul eden öğelerde :odak seçiciye izin verilir.
Sürüm: | CSS2 |
---|
Tarayıcı Desteği
Tablodaki sayılar, seçiciyi tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Selector | |||||
---|---|---|---|---|---|
:focus | 4.0 | 8.0 | 2.0 | 3.1 | 9.6 |
CSS Sözdizimi
:focus {
css declarations;
}
Daha fazla örnek
Örnek
Bir <input type="text"> odaklandığında, genişliği kademeli olarak 100 pikselden 250 piksele değiştirin:
input[type=text] {
width: 100px;
transition: ease-in-out, width .35s ease-in-out;
}
input[type=text]:focus {
width: 250px;
}
İlgili Sayfalar
CSS eğitimi: CSS Sözde sınıfları