Как использовать CSS для ввода, к которому привязан класс?

Question

У меня следующая проблема: у меня есть форма с несколькими входами. В конце формы у меня есть кнопка подтверждения и кнопка сброса, которые являются входными данными. У меня есть стиль в моем файле CSS для входов (белый фон), но я хочу написать другой стиль для входов, которые представляют собой кнопки (type = submit и type = reset).

Я попытался создать стиль с именем .button и добавить его к входу (<input class=button), но используются свойства из стиля ввода, а не свойства из стиля .button.

Любая помощь будет оценена.

Answer 1

Просто взгляните на селекторы атрибутов из спецификации CSS2.1:

[attribute-name=value] - этот селектор будет сопоставлять каждый элемент со значением attribute-name, установленным на value.Так что все, что вам нужно, это input[type=submit], input[type=reset] селектор.