Выберите все теги ввода, где тип не установлен.

Question

Мне нужен CSS-селектор, который соответствует всем входным тегам, где тип неcheckbox.

Этот матч:

<input value="Meow!" />

<input type="password" />

... но это делает не:

<input type="checkbox" />

Поскольку тип checkbox!

Это то, что у меня есть на данный момент:

input:not(type="checkbox")

К сожалению, это делает не работа!

Так вот приходит на мои вопросы:

1. Как исправить мой селектор CSS3?
2. Возможно ли без CSS3 и JavaScript?
3. Возможно ли это без CSS3, но с использованием JavaScript?

Спасибо в любом совете!

Answer 1

1. Ваш селектор атрибут отсутствует в квадратных скобках:

   input:not([type="checkbox"]) 
   

2. Если вы применяете стили вам нужно будут использовать правило переопределения в CSS:

   input { 
       /* Styles for all inputs */ 
   } 
   
   input[type="checkbox"] { 
       /* Override and revert above styles for checkbox inputs */ 
   } 
   

   Как вы можете себе представить, это почти невозможно сделать для элементов формы, потому что их стили браузера по умолчанию не определены в CSS.

3. JQuery обеспечивает :checkbox selector, которые вы можете использовать:

   $('input:not(:checkbox)') 
   

   Вы также можете использовать тот же селектор, как вы в CSS:

   $('input:not([type="checkbox"])') 
   

Answer 2

input:not([type="checkbox"])