2017-02-14 3 views
6

У меня есть MD-подсказка, что я укладка через CSS, например так:Стайлинг мкр-подсказка (Угловая Материал 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 элементом :

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- дизайн углового материала), так как Angular Material 1.1.1 имя класса временно начинается с подчеркивания ... 'md-tooltip ._md-content {height: auto; } '. Может быть, это и так. –

+0

Oooohh :) В любом случае ваш ответ работал, спасибо The.Bear! – eagleEye

+1

@ The.Bear Можно ли применить md-tooltip css только к одной подсказке на моей странице? – Sabyasachi

 Смежные вопросы

  • Нет связанных вопросов^_^