HTML5縮寫標籤如何風格標題onHover選項短信

<abbr title="United States of America">USA</abbr>

，當你走在美國使用光標它顯示了一個文本框，我們如何可以編輯的文本框中鍵入所需CSS TAGHTML5縮寫標籤如何風格標題onHover選項短信

來源

2013-11-22 user3018898

你不能。如果你想這樣做，你必須用javascript（和CSS）來完成。看看這個例子：http://jqueryui.com/tooltip/#custom-style – kmas

可能重複的[是否可以樣式標題？（和CSS或JS？）]（http://stackoverflow.com/questions/4383148/is-it-possible-to-style-a-title-and-with-css-or-js） – unor

想定製做呢？

CSS3：

abbr:hover:before { 
    content: attr(title); 
}

演示：http://jsfiddle.net/NzntY/

或更改任何你想要你的ATTR ...

<abbr data-yeah="United States of America">USA</abbr>

所以

content: attr(data-yeah);

來源

2013-11-22 11:40:08 l2aelba

解決這個方式在Mozilla和IE瀏覽器上很糟糕。 [JSFiddle]（http://jsfiddle.net/NzntY/1/） – fiskolin

只是一個概念/演示@FranciscoCarvalho：P – l2aelba

您可以使用自定義的工具提示如果你想能夠設置懸停時出現的文本框。請參閱：

看到這個DEMO，它具有以下的jQuery添加工具提示：

$(function() { 
    $(document).tooltip({ 
    }); 
});

有了這些CSS類：

.ui-tooltip, .arrow:after { 
    background: black; 
    border: 2px solid white; 
} 
.ui-tooltip { 
    padding: 10px 20px; 
    color: white; 
    border-radius: 20px; 
    font: bold 14px"Helvetica Neue", Sans-Serif; 
    text-transform: uppercase; 
    box-shadow: 0 0 7px black; 
}

，並記住您將需要包括一個參考的jQuery用戶界面：

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

來源

2013-11-22 09:35:13 tomsullivan1989

HTML5縮寫標籤如何風格標題onHover選項短信

回答

相關問題