html - IE 11 以不同于其他浏览器的方式显示 CSS

Question

我有一个正在处理的元素，它在不同的浏览器中显示不同(想象一下)。 CSS 在我尝试过的每个浏览器(chrome、safari、firefox)中都运行良好，除了 IE11(同样，想象一下)。这是 IE 版本的图片:

这是应该的样子:

现在，我查看了 Chrome 和 IE 上的开发工具，结果如下。

即:

Chrome :

因此，如图所示，在 IE 中，bwizard-steps button::before 和 bwizard-steps button::after 被标记出来，但它们在 Chrome 中按预期工作。

知道为什么会这样吗？我查了一下，IE11 应该支持 ::before 和 ::after 标签。然而，它显然无视它们。我什至尝试过为 IE 进入兼容模式，这看起来更糟。

Answer 1

我遇到过类似的问题。

对我有用的解决方案是给按钮 overflow: visible;

工作示例 (IE9+):http://jsfiddle.net/aBfF8/1/