- सिमेंटिक यूआई जेएस / सीएसएस - 2.2.7
- jQuery v3.0.0
- Magento 2.1.2 के साथ एकीकृत
मेरा आइकन <i class="help icon"></i> F128 कोड के साथ एक वर्ग दिखाता है जो icon.help के साथ मेल खाता है जहां इसे वास्तव में सहायता आइकन दिखाना चाहिए
उसी फ़ाइल पर, <i class="dropdown icon"></i> एक ड्रॉपडाउन त्रिकोण दिखा रहा है। सीएसएस स्रोत सही रास्ते में है, लेकिन एक काम क्यों कर रहा है और दूसरा नहीं
i.icon {
backface-visibility: hidden;
display: inline-block;
font-family: Icons;
font-style: normal;
font-weight: 400;
height: 1em;
margin: 0 0.25rem 0 0;
opacity: 1;
text-align: center;
text-decoration: inherit;
width: 1.18em;
}
i.icon::before {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}
i.icon.dropdown:before,i.icon.triangle.down:before{
content:"f0d7
}
i.icon.help:before{
content:"f059
}
उत्तर:
जवाब के लिए 0 № 1आइकन को संभवतः निम्नलिखित चयनकर्ता द्वारा परिभाषित किया गया है:
.icon.help {}
नहीं (आपके सीएसएस में परिभाषित ड्रॉपडाउन आइकन की तरह नहीं दिखता है)
.icon.dropdown {}
यदि आपको यहां ड्रॉपडाउन क्लास का उपयोग करना चाहिए; तुम कोशिश कर सकते हो:
<i class="dropdown help icon"></i>
हालांकि ध्यान रखें कि इन वर्गों को "ड्रॉपडाउन" वर्ग के रंगरूप को प्रभावित / प्रभावित कर सकता है।