2017-02-14 46 views
6

我有通過這樣的CSS樣式一個MD-工具提示:造型MD-工具提示(角材料1.1.3)

md-tooltip .md-content { 
///custom values, styling is not applied 
} 

後然而1.1.2釋放角材料的該造型不被拾起,並正在搞亂我的工具提示。有沒有人遇到類似的問題?

回答

11

如果你想風格你所有的工具提示,只是覆蓋.md-tooltip類:
JsFiddle

.md-tooltip { 
    height: 35px !important; 
    background-color: red !important; 
    color: white !important; 
    border-radius: 5px; 
} 


如果你想 特別是作風建設的幾點提示,使用自定義類在 md-tooltip元素:
jsFiddle

HTML

<md-tooltip class="custom-tooltip"> 
    I'm a custom tooltip 
</md-tooltip> 

CSS

.custom-tooltip { 
    top: 25px !important; 
    height: 35px !important; 
    background-color: red !important; 
    color: white !important; 
    border-radius: 5px; 
} 
+2

我在這個[文章]閱讀(http://stackoverflow.com/questions/33293599/how-to-add-line-breaks-within-tooltip-in-角材料設計),因爲角材1.1.1類名暫時以下劃線開始......'md-tooltip ._md-content {height:auto; }'。 也許可能是那樣。 –

+0

Oooohh :)在任何情況下,你的回答工作,謝謝The.Bear! – eagleEye

+1

@ The.Bear是否可以將md-tooltip css應用於我的頁面中的一個工具提示? – Sabyasachi