Как позволить селектору css исключить элемент?

Question

Например, у меня есть стиль css, подобный этому:

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

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

Answer 1

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

Answer 2

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

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

Answer 3

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