Удаление эффекта трехмерного нажатия кнопки Internet Explorer

Я пытаюсь удалить эффект 3D-щелчка на кнопках в Internet Explorer (я использую IE10).

Я пробовал с:

button:active {
  position: relative; 
  left: -1px; 
  top: -1px; 
}

Но это приводит к тому, что вся кнопка сдвигает 1 px вверху слева (а не поведению, которое я ищу).
Я хочу, чтобы текст оставался в том же положении даже при нажатии.

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

Это мой код:
http://codepen.io/anon/pen/aliFb

Ответы

Ответ 1

Имел ту же проблему прямо сейчас... Это немного запоздало, поэтому я не знаю, будет ли ответ по-прежнему применяться.

Мое решение состояло в том, чтобы поместить текст кнопки в элемент span, а затем установить style в transform: translateY(1px);. И не более ненужный эффект прессы. Перед тем, как попробовать, я немного насторожился, так как это будет бесполезно с FF, Chrome и Safari для Windows. Но странно, они, кажется, игнорируют это (на данный момент, по крайней мере). Протестировано на 28, 27 и 5.1 соответственно. Кроме того, я использую IE 10.

Удачи.