Opara CSS按钮::在｛padding:..｝Bug之后

Question

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

示例http://jsfiddle.net/c8756/(请参阅Opera，然后在任何其他浏览器中查看)

我曾尝试在元素之后将各种display值设置为button和：：，但无论如何都不起作用。

有没有什么方法可以在不接触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时不会很好。