Как разрешить css-селектор исключить элемент?

Например, у меня есть стиль css, например:

    input.validation-passed {border: 1px solid #00CC00; color : #000;}

Используемая мной структура проверки javascript будет вводить каждый тег ввода с помощью class= "validation-pass". Для таких элементов, как <input type='text' />..., это нормально, но для <input type='button' /> я хочу, чтобы это было не применяется, как мне это сделать?

Ответ 1

.validation-passed:not(input[type="button"]) {color:red;}

Ответ 2

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

input[type="text"].validation-passed {border: 1px solid #00CC00; color : #000;}

Ответ 3

Я не думаю, что ты можешь. Но вы можете вставить небольшой фрагмент javascript для анализа ваших входов и добавить класс text-validation-passed ко всем входам text с классом validation-passed (или удалить класс из ввода кнопки, если он вам не нужен).