0

アンカー リンクのコンテンツを一貫して太字にして下線を付けたいのですが、アンカー タグ内のスパンは太字にしないでください。

マークアップの例:

<a>Hello, <span>fooooo</span> bar</a>

スタイル:

    a {
        font-weight: bold;
        text-decoration: underline;
    }

    span {
        font-weight: normal;
    }

ここに画像の説明を入力 (画像を右クリックして表示/新しいタブで開くを選択すると、見やすくなります)

IE8+ では、下線の太さに一貫性がありません。明らかに、リンク内の太字テキストの割合によって決定されます。ページ上のすべてのリンクの下線をまったく同じに見せる方法はありますか?

フィドル: http://jsfiddle.net/FfBGn/

4

2 に答える 2

4

ちょっとハックっぽいですが、代わりにtext-decoration:underlineこれを使用できます：

border-bottom:1px solid #000;

デモ

または、 を使用する必要がある場合は、 bold boldertext-decoration:underlineにすることもできます。

font-weight:800;

デモ

于 2013-02-07T23:34:26.483 に答える
1

下線の代わりにアンカーの境界線を設定する方が簡単な方法でしょうか? 厚さは自分で決められるのでしょうか？

border-bottom: 1px solid #000000;
于 2013-02-07T23:33:14.033 に答える