Q

如何將樣式應用到「標題」屬性的'td'標記

html
css

2012-05-09 142 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

相關問題