Подтвердить что ты не робот

Кнопки Firefox имеют прописку, кнопки Chrome не

Как мне получить <button>, чтобы он выглядел последовательным в Firefox и Chrome? Существует ли не условное решение CSS? Прямо сейчас кнопки Firefox имеют дополнительное дополнение, хотя YUI CSS Reset сделал дополнение 0.

HTML button

Я обнаружил, что для получения такого же внешнего вида Chrome должен иметь двойное дополнение.

            #fileActions button {
                padding: 0.2em;
            }

@media screen and (-webkit-min-device-pixel-ratio:0) {
            #fileActions button {
                padding: 0.4em;
            }
}

Chrome

Chrome computed style

Firefox

firefox computed style

4b9b3361

Ответ 1

Firefox дает кнопкам что-то внутреннее фокус, это позволяет рисовать пунктирную линию фокусировки. Для него существует правило forms.css, которое дает ему 1px границы и 2px левого и правого заполнения. Я не знаю, можно ли переопределить это с веб-страницы.

Ответ 2

Трудно сказать, не увидев ваш css, но если вы проверите css YUI reset, вы увидите, что он не устанавливает или reset никаких свойств для элемента button, кроме насколько я знаю.