Q

如何将样式应用到“标题”属性的'td'标记

html
css

2012-05-09 93 views 4 likes

4

我对我有以下代码，并且想要自定义“标题”属性的样式。有没有办法做到这一点。在此先感谢。如何将样式应用到“标题”属性的'td'标记

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

2012-05-09 Jagadeesh

+1

的[可能重复是否有可能风格的标题？（和CSS或JS？）]（http://stackoverflow.com/questions/4383148/is-it-possible-to-style-a-title-and-with-css-or-js） – Quentin

+0

如果你的意思是悬停时出现的标准工具提示：不，您不能。你可以用Javascript编写你自己的工具提示。 – kapa

A

回答

5

不是直接。

你可以做到这一点：

JavaScript代码：see here
库：see here
一点点的解决方法与CSS see here

2012-05-09 11:52:57 A123321

+0

请参阅下面的答案，在2015年这现在是可能的。 – BMac

+0

非常感谢先生......这有所帮助 –

0

号不同的浏览器不同的方式显示标题提示，也没有办法使用CSS样式。如果你必须设计它，你需要寻找替代品，例如使用jQuery to display custom tooltips。

2012-05-09 11:52:20

1

总之，您不能设计title属性。它直到浏览器如何显示标题。

然而，jQuery提供JavaScript的替代品应该给你的解决方案，您是后：

http://jquery.bassistance.de/tooltip/demo/

2012-05-09 11:52:24 Curt

0

“标题”属性由浏览器所支持，通常作为提示。 CSS没有标准的方式来格式化该弹出窗口。

我建议如果你有一个特殊格式的工具提示，你使用onmouseover（）属性并自己生成弹出窗口的要求。正如其他人指出的那样，如果你想为你的代码添加对它的支持，你可以使用jQuery。对于比jQuery更轻的解决方案，请参阅SkinnyTip

2012-05-09 11:52:48

4

这可能在很多年前不可能实现 - 但现在可以，您可以设置Title属性的样式，请参阅here。这应该适用于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; }

2015-02-24 15:14:33 BMac

相关问题