0

単純な a タグのスタイルを設定して、前にアイコンを配置しようとしていますが、これはかなり満足できるところまで来ています (ただし、最善の方法で行っているかどうかはまだわかりません)。

アイコン自体にテキストを使用し、周囲の CSS サークルを使用しています。

唯一の小さな問題は、Chrome でリンクまたはアイコンにカーソルを合わせると、下線が表示されるアイコンのテキスト文字の下にテキストの影が表示されることですが、これはなしに設定されています (文字自体にテキストの影が必要です.

説明するためにjsFiddleの例をセットアップしました：http://jsfiddle.net/4Etbm/6/

これを行うためのより良い方法の提案や助けをいただければ幸いです。

私は StackOverflow でこの例を 1 つしか見たことがありませんが、解決策は私が望んでいたものではありませんでした。

4

1 に答える 1

0

テキストをスパンで囲むと、問題が解決しますhttp://jsfiddle.net/4Etbm/9/

<div>
    <a href="#" class="iconLinkQuestion"><span>Need help now?</span></a>
</div>​

また、変更する必要があります

.iconLinkQuestion:hover {
    text-decoration: underline;
}

に

.iconLinkQuestion:hover span {
    text-decoration: underline;
}
于 2012-07-18T09:00:46.463 に答える