在Chrome中使用伪元素之前

时间:2011-06-25 21:00:27

标签: html css google-chrome pseudo-element

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

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

和HTML代码

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

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

我是否正确地认为这是Chrome的错误?有一个简单而干净的解决方法吗?

1 个答案:

答案 0 :(得分:7)

您似乎可以通过以下方式解决这个问题:

.myclass {
    display: inline-block
}

http://jsfiddle.net/SUKYw/

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

相关问题