css - Opara CSS button::after {padding:...} 错误

Question

我需要使用之前/之后在标签下添加图层。但是在 Opera 浏览器中，计算附加到伪元素的填充属性是错误的button::after（使用其他标签效果很好）。只有当我设置一个更大的值时它才会开始增加。

示例http://jsfiddle.net/c8756/（在 Opera 中查看，然后在任何其他浏览器中查看）

我试图为displaybutton 和 ::after 元素设置各种值，但无论如何它都不起作用。

有什么方法可以在不触及 HTML 的情况下修复 Opera 中的错误？

谢谢

Answer 1

请参阅http://codepen.io/morewry/pen/rJmCg。删除display、width和height并添加right和bottom。

a::after,
button::after {
    content:"";
    padding:6px;
    position:absolute;
    left:-6px; top:-6px; right: -6px; bottom: -6px;
    z-index:-1;
}

技术如http://nicolasgallagher.com/multiple-backgrounds-and-borders-with-css2/

请注意，替换元素（包括大多数表单元素）、br、hr 和 img 不会与 ::before 和 ::after 配合使用。