Заполнение окна ввода Mozilla/Opera

Question

Итак, я сделал эту кнопку отправки и, судя по всему, каждый браузер решил сделать ее другой. Код ниже работает так же, как и в Chrome; Opera и IE уменьшают кнопку; Firefox больше. Даже когда я удаляю все прокладки (редактируя тему для Wordpress), которые могут повлиять на окно ввода, они по-прежнему выглядят по-разному в каждом браузере. Обходной путь?

.search-submit { 
padding-top: 3px 7px; 
color: #5e5e5e; 
font-size: 11px; 
font-weight: normal;  
} 


<input type="submit" class="search-submit" value="Search" /> 

Answer 1

Всегда начинайте свой CSS с сброса CSS, чтобы избежать различий в собственных таблицах стилей браузера. Сброс Эрика Мейера очень популярен, и он всегда работал для меня: http://meyerweb.com/eric/tools/css/reset/

После того, как у вас есть сброс на место (в самом верху вашего файла css), все браузеры должны отображать элементы одинаково (с одинаковым запасом, прокладка и т. д.). Вы можете забрать его оттуда и написать css, который вы хотите для своих входов.