Chrome 中的伪元素之前

Question

在我看来，Chrome 不会将“before”伪元素视为元素的一部分。更准确地说，我有 CSS 定义

.myclass:before{content:"A";}

和 HTML 代码，

<a href="blah" class="myclass">B</a>

在 Chrome 中，结果是超链接“AB”，但实际上只有“B”可点击。在 Firefox 和 Opera 中，整个“AB”是一个链接，我对 CSS 标准的阅读表明 Chrome 在这里是错误的。

我是否正确地假设这是 Chrome 的错误？有没有简单干净的解决方法？

Answer 1

看来你可以解决这个问题：

.myclass {
    display: inline-block
}

http://jsfiddle.net/SUKYw/

看起来像 Chrome bug - Safari 没有同样的问题。