Кнопка Internet Explorer: активное внутреннее заполнение

Trident <=9, кажется, добавляет что-то вроде внутреннего дополнения к активному button.

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

Ответ 1

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

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

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

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

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

Ответ 2

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

HTML:

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

CSS

button > span{position:relative}

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

Ответ 3

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

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