: омогућено - ЦСС-трикови

Anonim

:enabledПсеудо-класе у ЦСС бира фоцусабле елемената који нису искључена, а самим тим омогућен. Он је повезан само са елементима обрасца ( , , ). Омогућени елементи укључују оне у које можете да изаберете, у које можете да унесете податке или на које се можете усредсредити или кликнути на њих.

Дакле, када је потврђен оквир за потврду и циљате ознаку одмах након ње:

input:enabled + label ( color: #333; font-style: italic; )

Текст ознаке ће бити тамно сиве боје и курзив ако је поље за потврду омогућено, што значи да га корисник може укључивати и искључивати.

У теорији, :enabledтребало би да се подудара са атрибутом , или са hrefатрибутима, али чини се да прегледачи не подносе тај сценарио. Можете стил , , , , и с које нису искључени. Када се подржи, требало би да имамо могућност циљања и

  • који су деца , ако не и инвалиди.

    Такође бисте помислили да се елементи са contenteditable и tabindex атрибути могу изабрати са :enabled псеудо-класом. Спецификација то не наводи, нити прегледачи то подржавају.

    Хром Сафари Фирефок Опера ИЕ Андроид иОС
    Све 3.1 Све 9 9 Све Све