Возвращающийся стиль CSS <ввел type=submit кнопку к своему стилю по умолчанию

Взятый от Центр разработки Mozilla

Восстановление значения свойства по умолчанию, поскольку CSS не обеспечивает ключевое слово "по умолчанию", единственный способ восстановить значение по умолчанию свойства состоит в том, чтобы явно повторно объявить то свойство. Таким образом особую заботу нужно соблюдать при записи правил стиля с помощью селекторов (например, селекторы именем тега, такие как p), что можно хотеть переопределить с более определенными правилами (такими как те, которые используют идентификатор или селекторы класса), потому что исходное значение по умолчанию не может быть автоматически восстановлено. Из-за каскадной природы CSS это - хорошая практика для определения правил стиля максимально конкретно для предотвращения элементов моделирования, которые не были предназначены, чтобы быть разработанными.

единственный способ, которым Вы имеете, состоит в том, чтобы установить Ваш собственный класс на кнопке, которая является очень явной в ее правилах CSS: т.е.

background-color:grey !important;

вместо

background:grey;

Для Firefox вы можете найти стили формы по умолчанию, набрав в адресной строке resource: //gre/res/forms.css, что делает по крайней мере, дать вам подробную информацию о стиле по умолчанию для кнопки ввода, чтобы вы могли затем скопировать их и переопределить с помощью правила! important.

Это s не совсем удовлетворительно, поскольку стиль по умолчанию, конечно, может измениться с будущей версией браузера, а стиль по умолчанию для разных браузеров может быть другим.

Вы можете ограничить стили CSS для INPUT (кнопка «Отправить» - это тип ввода), чтобы это не влияло на отправку. buttons

Таким образом, вместо того, чтобы просто поместить:

input{
blah; blah; blah;
}

Вы можете создать стиль:

input[type="text"] {
blah blah blah
}

И это повлияет только на ввод текста, оставив все остальное, включая кнопки отправки по умолчанию.

Ссылка JWW на resource: // gre / res / forms.css полезен. Если вы посмотрите на это, вы увидите, как установить стиль, влияющий на несколько различных типов ввода.

Спасибо, используется с хорошими результатами

INPUT, SELECT
{
    color: #003333;
    font-size: 90%;
    border-bottom: #d3d3d3 1px solid;
    border-left: #d3d3d3 1px solid;
    border-top: #d3d3d3 1px solid;
    border-right: #d3d3d3 1px solid;
}

INPUT[type="submit"]
{
    background-color: #336699;
    color: #f0e68c;
}