Причина смещения / маржи в FF

Question

пытается создать некую градиентную границу, если родительский элемент имеет градиентную границу, а затем дочерний элемент имеет регулярный фон.

Похоже, что это испортило FF, но работает в Chrome ... есть ли причина, почему FF добавляет какой-то дополнительный отступ / margin / offset, который не делает его полностью заполненным на 1px?

http://jsfiddle.net/32zbD/1/

Это действительно раздражает, потому что вы смотрите на это в Firebug, но дополнительная часть не показана, откуда она вообще берется. Это просто «там».

Я также попытался использовать там таблицы стилей сброса CSS, чтобы попытаться сделать различия незначительными, но они все еще там!

У меня сложилось впечатление, что это вызвано doctype, как на doctype HTML5, у меня это работает в FF7 и Chrome. Не могу изменить тип документа в JSFiddle, поэтому не могу по-настоящему протестировать и поделиться им так.

Answer 1

Firefox имеет некоторые внутренние отступы на кнопках, где он помещает контур фокуса.

Возможно, вы хотите, чтобы стиль button::-moz-focus-inner не имел границ или отступов.

Тем не менее, для конкретного случая стилизация кнопок отличается в зависимости от ОС и браузера, поэтому на самом деле этот материал не гарантированно работает ...