誰かが td タグの「タイトル」属性をスタイルする方法を教えてもらえますか?
私のコードは次のようになります:
<td align="center" class="chaos" width="80%" >
<a class="chaos" title="<%=trimtext%>">
<span class="chaos"><%=len(trimtext,50)%></span>
</td>
jqueryが使えません。いくつかの回答を提案してください。ありがとうございます。
誰かが td タグの「タイトル」属性をスタイルする方法を教えてもらえますか?
私のコードは次のようになります:
<td align="center" class="chaos" width="80%" >
<a class="chaos" title="<%=trimtext%>">
<span class="chaos"><%=len(trimtext,50)%></span>
</td>
jqueryが使えません。いくつかの回答を提案してください。ありがとうございます。
できません。小さなポップアップは OS 固有のものです。
JavaScriptを使用してタイトル属性を削除してから、新しいdivを作成し、タグの座標に基づいて絶対に配置して、効果を複製することができます.
これを行うために jQuery を使用する必要はありません。プレーンな JS で問題ありませんが、jQuery の方が速いことがわかります。(つまり、それを行うには2〜5行のjQueryを考えています)。
「できない」と言うのは、方法がわからないという意味で、時間をかけて投資してください。すぐに利益を得ることができます。
あなたの会社がそれを許可していないために「できない」と言う場合は、時間/日/月などに応じて支払われることを喜んでください。一般的なライブラリに代わるものの開発に資金を提供したいというのは、あなたの会社にとって良いことです. 自分で開発したライブラリを使用するか、オープンソースにして多くのブラウザでテストできるようにしてください。
他の人が言ったように、ブラウザによってネイティブに提供されるタイトル ポップアップのスタイルを設定することはできません。ただし、 を使用して css でタイトルの内容を参照することは可能attr
です。例えば:
td.chaos:hover::before {
content: attr(title);
position: absolute;
border: 1px solid black;
background: yellow;
}
これでは、ネイティブ ポップアップが無料で提供する遅延した外観は得られませんが、正確なユース ケースによっては、便利なものを考え出すことができる場合があります (トランジションを使用することでしょうか?)。
また、このスタイル設定ではネイティブ ポップアップが排除されないため、最終的に 2 つのポップアップが表示されることに注意してください。