2017-02-14 13 views
6

mam MD podpowiedź że została StYlIZAcJA przez css jak poniżej:stylizacji MD etykietka (kąt Materiał 1.1.3)

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

Jednakże po 1.1.2 uwalniania materiału kątowego nie jest to stylizacji bycie podnoszonym i miesza moje podpowiedzi. Czy ktoś ma podobny problem?

Odpowiedz

11

Jeśli chcesz stylu wszystkie podpowiedzi, po prostu zastąpić .md-tooltip klasa:
(JsFiddle)

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


Jeśli chcesz szczególnie projektować jakieś podpowiedzi użyć niestandardowej klasy nad md-tooltip elementu :
( 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

czytałem w tym poście [] (http://stackoverflow.com/questions/33293599/how-to-add-line-breaks-within-tooltip-in- angular-material-design), który od Angular Material 1.1.1 nazwa klasy tymczasowo zaczyna się od podkreślenia ... 'md-tooltip ._md-content {height: auto; } '. Może to i to. –

+0

Oooohh :) W każdym razie Twoja odpowiedź zadziałała, dziękuję The.Bear! – eagleEye

+1

@ The.Bear Czy można zastosować etykietę md-tooltip css tylko do jednej etykiety narzędzi na mojej stronie? – Sabyasachi

Powiązane problemy