Как reset стиль кнопки по умолчанию в Firefox 4 +

В firefox 3.6 вы можете использовать ::-moz-focus-inner {border:0;padding:0;margin:0;} для удаления этих полей по умолчанию и добавлений forms.css.

Как я могу использовать reset в Firefox 4? Я искал любые .css файлы внутри каталога установки, которые могли добавлять стили к моей кнопке, но не могут найти их для ff4 - кнопка все еще получает раздражающее верхнее дополнение на 1px, которое не позволяет выравнивать текст по вертикали средний.

http://easwee.net/other/FF_problem.gif

EDIT: я использую таблицу стилей reset, поэтому не нужно стилей reset. Это таблица стилей браузера, которая здесь возится.

Ответы

Ответ 1

Я действительно нашел решение самостоятельно.

В поле вашего URL-поля введите: resource://gre-resources/forms.css - это откроет forms.css для FF4 - и выполните поиск следующего селектора

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner

Теперь просто поместите это в свою основную таблицу стилей, например:

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {border:0;padding:0;margin:0;}

Он больше не должен переопределять ваш css. Также обратите внимание, что если вы не определили стиль шрифта для ваших входов, FF не наследует стиль шрифта тела.

Ответ 2

попробуйте установить значения undefined (border:undefined и т.д.). не уверен здесь, но это сработало для меня, когда у меня была подобная проблема.

Ответ 3

Twitter Bootstrap делает это так: reset.less (это более бастовая версия normalize.css):

button::-moz-focus-inner,
input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
  padding: 0;
  border: 0;
}

Как в стороне, Bootstrap reset.less, вероятно, является более надежным и многолетним решением для достижения формы кросс-браузера, чем сохранение ваших собственных правил. Он намного более совершенен, чем Meyer reset.css, но более минималистский, чем normalize.css.