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

Question

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

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

我尝试将各种 display 值设置为 button 和 ::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 配合使用。