CSS : fokuskieser
Voorbeeld
Kies en stileer 'n invoerveld wanneer dit fokus kry:
input:focus
{
background-color: yellow;
}
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die :focus
kieser word gebruik om die element wat fokus het, te kies.
Wenk: Die :fokuskieser word toegelaat op elemente wat sleutelbordgebeure of ander gebruikerinsette aanvaar.
Weergawe: | CSS2 |
---|
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die kieser ten volle ondersteun.
Selector | |||||
---|---|---|---|---|---|
:focus | 4.0 | 8.0 | 2.0 | 3.1 | 9.6 |
CSS-sintaksis
:focus {
css declarations;
}
Meer voorbeelde
Voorbeeld
Wanneer 'n <input type="text"> fokus kry, verander die breedte geleidelik van 100px na 250px:
input[type=text] {
width: 100px;
transition: ease-in-out, width .35s ease-in-out;
}
input[type=text]:focus {
width: 250px;
}
Verwante bladsye
CSS handleiding: CSS Pseudo klasse