Кнопка Internet Explorer: активная внутренняя вставка

Question

Trident <=9, кажется, добавляет что-то вроде inner-padding к active button elements.

Можно ли отключить эту функцию с помощью css?

Answer 1

В Microsoft Internet Explorer 11 + вы можете это исправить! Использовать position: relative для внутренних элементов кнопки.

html:

<button><span>Submit</span></button>

css:

button > span{position:relative}

Наслаждайтесь!

Answer 2

Обновление: Для IE11 +, его можно удалить .

---

Нет, от этого невозможно избавиться (в старых версиях Internet Explorer).

Как @Spudley сказал:

Если вам не нужен этот эффект, не используйте элемент button.

Если это действительно имеет значение, то элемент a является единственной альтернативой, но на самом деле не стоит переключать просто , чтобы это исправить. Пользователи Internet Explorer к этому привыкли.

Answer 3

<button><span>Submit</span></button>

---

button:active > span {
 -ms-transform: translate(0px, -0.5px);
}