Текст кнопки сдвигается при нажатии

Question

Я заметил, что на моем сайте drupal, когда я нажимаю кнопку отправки формы, текст кнопки смещается примерно на 1 пиксель вправо в Firefox (ПК) и на 1 пиксель вправо и вниз в IE и Opera. В Chrome этого не происходит вообще. Это выглядит небрежно. Кто-нибудь знает, почему это происходит и можно ли это предотвратить?

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

Спасибо

Answer 1

Я думаю, что именно так Chrome реализует кнопки.Вы можете попробовать что-то вроде добавления 1px отступа к кнопке с помощью jQuery, если это так важно для вас.Примерно так:

$("#submit-button").click(function () {
    $(this).css('padding-left', '1px');
});

Я не уверен, сработает ли это или нет.

Answer 2

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

Сброс CSS Эрика Мейера