IE11 和铬之间的样式差异

Question

我有这个简单的按钮，上面有+或-作为内容

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

在

我安装在Mac上的所有浏览器（Chrome，safari和Firefox）中，此按钮的样式正确，但是在IE11中查看（甚至在Windows 8.1上的FireFox也不完美）样式很差

演示

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

Answer 1

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

更新的小提琴