2つのツールチップでHTML/CSSを表示

Question

<style type="text/css"> span:hover { } span[title]:hover:after { color: yellow; } </style> <span title ="this is text"> Testing </span> 

私が使用しているブラウザ（Google Chrome）では、上のコードは2つのツールチップ、拡張テキストのように見えるもの、ブラウザによって生成されるようなものを表示します。 「テスト」という言葉をスクロールするときに表示されるツールチップが1つだけになるように、これを修正するにはどうすればよいですか？私は黄色のものを保ちたい。

Answer 1

ブラウザ依存のため、ツールチップの外観を変更することはできません。

ただし、ツールチップのスタイルを設定する場合は、JS ToolipなどのJSライブラリを使用できます。