Удалить все форматирование из одного тега

Question

Я использую плагин wordpress, который применяет некоторое форматирование CSS ко всем входным тегам.Я хотел бы, чтобы моя кнопка отправки не имела их и использовала вместо них настройки CSS по умолчанию (применяемые браузером).

Как я могу

1. Применить CSS ко всем входным тегамкроме кнопки отправки (input type = "submit") ИЛИ
2. Удалить все пользовательские CSS из кнопки отправки?

Спасибо.

Answer 1

В CSS3 вы можете выбрать все элементы, но x с помощью:

*:not(x) {
    // some css
}

См. Здесь .

Я не уверен, что это возможно с помощью CSS2 (без использования javascript, как указывает Джефф в комментариях).

Answer 2

Это может быть проблематично по кросс-браузерным причинам.

input[type="submit"] { margin:0; padding:0; background:#fff;border:.... }

Будет предназначаться только для отправки входных данных, однако это не совместимо с IE6.

input:not([type="submit"]) {...} 

Предназначается для всех входных данных, которые не являются текстовыми, но не совместимы с IE67 или 8.

Если вас беспокоит IE6, вам придется вручную переопределить класс в вашем style.css

Проверьте матрицу совместимости здесь: http://www.quirksmode.org/css/contents.html#CSS3

Answer 3

Используя jquery, должно работать что-то вроде следующего:

$('input[type=submit]').removeAttr("class")

Это было быстро собрано, а не проверено.

Answer 4

Для элемента # 1 вы можете просто определить типы входных данных, которые не отправляются, аля:

input[type=text], input[type=password],input[type=checkbox], input[type=radio],
textarea, select {
    background-color:#fff;
    border: 1px solid #bbb;
}

Для элемента # 2 вам нужно назначить и идентифицировать кнопку отправки, а затем переопределить все наследуемые стили, которые вы хотите удалить.