Удаление смещения кнопки на IE при нажатии

Question

Когда вы нажимаете на кнопку в IE, текст перемещается немного вниз и вправо, чтобы придать эффект нажатия.

Однако, если вы настраиваете свою кнопку и добавляете, скажем, фоновое изображение на нее (как стрелка, как в «Submit ->»), этот эффект выглядит не очень хорошо. Есть ли способ удалить это? Я пытался добавить отступ, когда element: active, но он все равно не перезаписывает эффект (и я думаю, что button: active не работает в IE7).

Может ли кто-нибудь дать мне руку на это?

Заранее спасибо!

Answer 1

Просто поместите кнопку внутри тега div.

<div><input type="submit" name="myButton" id="myButton" value="Don't Move!" /></div>

Это сработало для меня.

Answer 2

У меня была проблема с кнопками формы, которые «прыгали» или перемещали позиции с помощью IE, и я нашел следующее решение:

1.) Присвойте кнопкам формы равные поля

2.) Поместите разделитель-обертку вокруг кнопки (кнопок) и разместите раздел в соответствии с вашими предпочтениями

#myButton {
   border: 1px solid #f7f6f4;
   font-family: Times New Roman;
   font-size: 16pt;
   padding:15px;
   margin:10px;
}

<div style="float:right;margin-right:75px;">
<input type="submit" name="myButton" id="myButton" value="Don't Move!" />
</div>

Дайте мне знать, сработало ли это для вас в вашей ситуации.