如何将样式应用于'td'标签的'title'属性

Question

我有以下代码,并希望自定义'title'属性的样式.有没有办法做到这一点.提前致谢.

<td title="Sample Title">test</td>

Answer 1

不是直接的.

你可以这样做:

• JavaScript代码:请看这里

• 图书馆:见这里

• CSS的一点解决方法请看这里

Answer 2

多年前这可能不是这样 - 但现在可以设置Title属性的样式,请参见此处.这应该适用于IE7 +,Safari 3 +,Firefox 2.0+.

可能需要一些自定义样式和定位来适应您自己的设计.

为了确保此链接不会消失,本文中用于设置title属性样式的建议代码是:

<div title="Tooltip text for first div"></div> <div title="Tooltip text for second div"></div>

div:before{ content:attr(title); display:none; }

div:hover::before{ width:200px; display:block; background:yellow; border:1px solid black; padding:8px; margin:25px 0 0 10px; }

div:hover{ z-index:10; position:relative; }