IE11和chrome之间的造型差异

Question

我有一个简单的按钮，内容为+或-

<button></button>

button::before {
    content: '-';
}
button.active::before {
    content: '+';
}

在我的Mac（Chrome，Safari和Firefox）上安装的所有浏览器中，此按钮的样式都正确，但在IE11中检查出来（甚至在Windows 8.1上的FireFox还不完美）样式很糟糕

DEMO

有人可以向我解释我的CSS中有什么问题，或者可能（很可能）IE11有什么问题。是否有修复，或者我应该更改css并且不要使用position: absolute？

Answer 1

您忘记在绝对定位的元素上添加left和top属性。添加它们，IE将按预期运行。

Updated Fiddle