2017-02-14 7 views
6

मैं एक एमडी टूलटिप है कि मैं इस तरह एक सीएसएस के माध्यम से स्टाइल किया गया था उठाया जा रहा है और मेरे टूलटिप्स गड़बड़ कर रहा है। क्या किसी को भी इसी तरह का मुद्दा है?स्टाइलिंग MD-टूलटिप (कोणीय सामग्री 1.1.3)

उत्तर

11

आप शैली चाहते हैं अपने सभी टूलटिप्स, बस ओवरराइड .md-tooltip वर्ग:
(JsFiddle)

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


विशेष रूप से कुछ टूलटिप्स शैली यदि आप चाहते हैं, एक कस्टम वर्ग md-tooltip तत्व पर उपयोग करें :
(jsFiddle)

एचटीएमएल

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

सीएसएस

.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

ओहोह :) किसी भी मामले में आपके उत्तर का काम किया, धन्यवाद। भालू! – eagleEye

+1

@ The.Bear क्या एमडी-टूलटिप सीएसएस को मेरे पृष्ठ में केवल एक टूलटिप पर लागू करना संभव है? – Sabyasachi

संबंधित मुद्दे