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

Anonim

:disabledСелектор Псеудо-класа даје условни стил на ХТМЛ елементима који могу да примају уноса корисника, када су елементи имају disabledатрибут. Дефинисан је у спецификацији ЦСС Селецторс Левел 3 као „псеудо-класа стања корисничког елемента“, што значи да се користи за обликовање садржаја на основу интеракције корисника са улазним елементом.

Елементи који може да прими disabledатрибут укључују , , , , и . Постоје две важеће синтаксе за подешавање овог атрибута: или disabled="disabled"или (у ХТМЛ5) једноставно disabledБоолеан кључна реч. Елемент је онемогућен ако не може да се активира (нпр. Одабере, кликне или прихвати унос текста) или прихвати фокус.

Такав елемент се може стилизовати помоћу :disabledселектора псеудо-класе:

Погледајте ову оловку!

Тачке од интереса

  • :disabledможе бити „окован“ другим псеудо-селекторима: попут :beforeили :afterза генерисање икона или текста како би се пружило више повратних информација од корисника.
  • Сва својства која се могу анимирати са ЦСС прелазима или анимацијама биће правилно анимирана када се disabledатрибут дода или уклони из ХТМЛ елемента.

Подршка прегледача

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