: подразумевано - ЦСС-трикови

Anonim

:defaultСелектор Псеудо ће се подударати подразумевани у групи повезаних елемената, као што је радио дугме у групи дугмади који је изабран подразумевано, чак и ако је корисник изабрао другу вредност.

input(type="radio"):default + label:after ( content: ' (default)'; color: #999; font-style: italic; )

ЦСС изнад циља ознаку која долази одмах након подразумевано изабраног радио дугмета у групи радио дугмади:

  • црвена
  • зелена
  • Плави

Налепницу зеленог радио дугмета пратиће текст „(подразумевано)“ у сивој боји, курзив у подршним прегледачима.

  • црвена
  • зелена
  • Плави

Примери укључују подразумевано дугме за слање у групи дугмади, подразумевану опцију из искачућег менија, радио дугме које има checkedатрибут постављен у ХТМЛ-у (као што се види у подржаним прегледачима) и поља за потврду која су подразумевано означена.

Више ресурса

  • Демо
  • МДН страница на: подразумевано
  • Спецификације корисничког интерфејса за В3Ц ЦСС3
  • В3Ц селектори 4. нивоа

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

Различити прегледачи имају различите нивое подршке. Фирефок пружа пуну подршку. Вебкит прегледачи подржавају подразумевано дугмад, али не и радио или поља за потврду, а Опера је обрнута, подржавајући га на радио дугмадима и пољима за потврду, али не и на пољу за слање.

  • Опера подржава :defaultпоља за потврду и радио дугмад.
  • Прегледачи Вебкит, укључујући Цхроме и Сафари, подржавају :defaultдугме за слање
  • Фирефок подржава :defaultпоља за потврду, радио И слање врста уноса.
  • Интернет Екплорер не подржава :defaultпоља за потврду, радио или врсте уноса.
Хром Сафари Фирефок Опера ИЕ Андроид иОС
10 5 4 10 ниједан ниједан 5