CSS : výběr zaměření
Příklad
Vyberte a upravte vstupní pole, když je aktivní:
input:focus
{
background-color: yellow;
}
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Selektor se :focus
používá k výběru prvku, který má fokus.
Tip: Volič :focus je povolen na prvcích, které přijímají události z klávesnice nebo jiné uživatelské vstupy.
Verze: | CSS2 |
---|
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje selektor.
Selector | |||||
---|---|---|---|---|---|
:focus | 4.0 | 8.0 | 2.0 | 3.1 | 9.6 |
Syntaxe CSS
:focus {
css declarations;
}
Další příklady
Příklad
Když se <input type="text"> zaostří, postupně změňte šířku ze 100 pixelů na 250 pixelů:
input[type=text] {
width: 100px;
transition: ease-in-out, width .35s ease-in-out;
}
input[type=text]:focus {
width: 250px;
}
Související stránky
CSS tutoriál: CSS Pseudo třídy