глобально стиль всех HTML-кнопок, только не требуя «класс», «идентификатор» или «имя»

Question

Следующие стили вводят все входные теги, что означает, что стили вводятся для любого типа ввода

input {
 color:#050;
 font: bold 84% 'trebuchet ms',helvetica,sans-serif;
 background-color:#ffffff;
 border:1px solid;
 border-color: #696 #363 #363 #696;

}

как его изолировать, чтобы все типы ввода кнопок имели стили, отличающиеся от ввода типов текста без необходимости добавлять / использовать «id», «class» или «name».

Это должно быть кросс-браузерное решение.

Answer 1

input[type=text]{
  color:#FF9900;
}

input[type=password]{
  color:#FFFF00;
}

input[type=submit]{
  color:#FFFFFF;
}

Он поддерживает пароль, отправить, текст, выберите, радио и еще пару. Я отредактирую список, когда найду его. Вы должны заметить, что некоторые ведут себя странно, например, поле ввода (текст) с шириной 100px и заполнением 2px будет выглядеть иначе, чем поле ввода submit с теми же свойствами, вам нужно дополнить отправку дополнительными 3/4 пикселями. , если я правильно помню.

Answer 2

С помощью селекторов css2 вы можете делать то, что предлагали citricsquid и pixeltocode ...

Указанные селекторы были добавлены в версии IE7, поэтому вы не можете делать то, что хотите, с помощью CSS только в пред-IE7

Для IE6 используйте либо классы, либо JavaScript.

Вы можете прочитать об этом в miscrosoft: Совместимость CSS и Internet Explorer

Answer 3

вы можете сопоставить все кнопки HTML, используя

input[type=submit] { color: #050; }