Örnek
Seçip odağı aldığında bir giriş alanı stil:
input:focus
{
background-color: yellow;
}
Kendin dene " Daha "Try it Yourself" Aşağıdaki örnekler.
Tanımı ve Kullanımı
: Odak seçim odağı elemanı seçmek için kullanılır.
Tip: : Odak seçim klavye olayları veya diğer kullanıcı girişi kabul unsurları izin verilir.
Versiyon: | CSS2 |
---|
Tarayıcı Desteği
Tablodaki rakamlar tamamen seçici destekleyen ilk tarayıcı sürümü belirtir.
selektör | |||||
---|---|---|---|---|---|
:focus | 4.0 | 8 | 2.0 | 3.1 | 9.6 |
Note: For: odak IE8 çalışmak için, bir <! DOCTYPE> beyan edilmelidir.
CSS sözdizimi
Diğer Örnekler
Örnek
Bir zaman <input type="text"> odağı alır, yavaş yavaş 100px 250px ila genişliğini değiştirmek:
input[type=text] {
width: 100px;
transition: ease-in-out, width .35s ease-in-out;
}
input[type=text]:focus {
width: 250px;
}
Kendin dene " İlgili Sayfalar
CSS öğretici: CSS Sözde sınıflar