<a> 中的“after”内容在 Chrome 中不可点击

Question

我在 CSS 中使用after内容，但标签中的内容<a>在 Google Chrome 中不能用作链接（不可点击）：

<a href="url"><label></label></a>

LABEL:after {content:"CLICK HERE"}

它可以在 Firefox 中运行。有什么办法解决这个问题吗？

在 Chrome 中检查一下：

• http://jsfiddle.net/duuRk/（不可点击）
• http://jsfiddle.net/HMn4d/（工作正常）

Answer 1

如果您为“a”标签提供属性 display:inline-block ，它应该非常适合您。