Определить CSS для флажка

Question

Можно ли определить стиль CSS для флажка в форме без определения идентификатора и класса для него? Я знаю, что могу использовать

input {css...}

но я буду влиять на все входные данные в форме.

Answer 1

input[type="checkbox"]{...}

По-прежнему существует проблема со старыми браузерами, которые не распознают его (например, IE6), но есть обходные пути для решения этой проблемы, если такая поддержка необходима.

Answer 2

Вот так, используя селекторы атрибутов:

input[type="checkbox"] {
    css...
}

Просто помните, что IE6 не поддерживает это.Кроме того, поддержка браузера довольно хороша .

Answer 3

В дополнение к селекторам атрибутов, в некоторых новых браузерах вы можете использовать несколько различных псевдоклассов, например:

<form>
  <input type="text" />
  <input type="text" />
  <input type="text" />
</form>

для назначения второго ввода:

input:nth-child(n) {        
  css-property: value;
}