1

リンクがあるとし<a href="#" title="Hello, World!">ます。tooltip 属性のパーツをスタイリングしたい。titleたとえば、そのHello部分を太字にしたい。と の両方をスタイルしようとしているのではなく、一部だけです。HelloWorldHello

属性内に HTML タグを挿入しようとしましたが、効果がないように見えます ( を入力する<a href="#" title="<b>Hello,</b> World!">と、タイトル テキストが出力されますが<b>Hello,</b> World!、これは私が望んでいるものではありません。何が起こるかのJSFiddle デモを作成しました。

純粋なCSSを使用してこれを行うことは可能ですか?

また、これを見たことがありますが、私が望んでいたものではありません。しかし、それは近いです。

4

2 に答える 2

2

属性 title に HTML を入れることはできません。有効なコードではありませんが、hint.cssライブラリを使用できると思います: http://kushagragour.in/lab/hint/。完全に CSS ベースで使いやすい:

<a href="http://somewhere/" class="hint  hint--bottom" data-hint="Hello" title="Hello world">Your link</a>
于 2013-02-18T07:45:32.783 に答える
1

あなたが望むものを達成する唯一の方法は、あなたが望むスタイルでdivを作成し、非表示にし、ホバーして表示することだと思います。

于 2013-02-18T07:34:45.150 に答える