Как я могу сбросить кнопки обратно в стиль по умолчанию, если у меня есть * {padding: 0;margin: 0;} установлено?

Question

У меня есть страница с установленным

* {
padding: 0;
margin: 0;
}

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

Можно ли использовать какой-либо вид CSS, чтобы исправить это?

Answer 1

это единственный способ заставить макет работать корректно во всех браузерах

Я бы посоветовал вам исправить эту проблему, а не пытаться просто переопределить ее для кнопок. Сказав это, вы можете просто явно вставить отступ в:

* {
    padding: 0;
    margin: 0;
}

input[type=button], button {
    padding: 6px;
}

(я не знаю, является ли "6px" значением по умолчанию, но вы можете поэкспериментировать).

Кроме того, вместо того, чтобы просто устанавливать * с помощью "padding: 0", вы можете попробовать один из сбросить файлы CSS , которые настраивают его только для тех элементов, которые в этом нуждаются.

Answer 2

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

Я думаю, что вместо общего сброса, как у вас, вы можете попробовать использовать более сложный сброс: http://meyerweb.com/eric/tools/css/reset/ или http://developer.yahoo.com/yui/3/cssreset/

Конечно, вы можете дополнительно адаптировать любой изэто - но они довольно прочная основа для CSS.