css - Chrome でクリックできない「後」のコンテンツ

Question

afterCSS でコンテンツを使用していますが、<a>タグ内のコンテンツが Google Chrome のリンクとして機能しません (クリックできません):

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

LABEL:after {content:"CLICK HERE"}

Firefoxで動作します。これに対する解決策はありますか？

クロムでこれをチェックしてください：

• http://jsfiddle.net/duuRk/ (クリック不可)
• http://jsfiddle.net/HMn4d/ (正常に動作します)

Answer 1

「a」タグにプロパティ display:inline-block を指定すると、完全に機能するはずです。