Internet Explorer按钮：活动内部填充

Question

Trident <=9似乎会将内部填充附加到活动 button元素。

是否可以使用css禁用此功能？

Answer 1

在Microsoft Internet Explorer 11+您可以修复它！使用 position: relative 作为按钮的内部元素。

HTML：

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

的CSS：

button > span{position:relative}

享受！

Answer 2

更新：对于IE11 +，it can be removed。

---

不，你无法摆脱它（在旧版本的Internet Explorer中）。

正如@Spudley所说：

  

如果您不想要这种效果，请不要使用button元素。

如果它真的很重要，那么a元素是唯一的选择，但是不值得切换只是来解决这个问题。使用Internet Explorer的用户。

Answer 3

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

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