google chrome - ऑप्ट-ग्रुप विशेष अक्षर तोड़ता है




google-chrome internet-explorer (2)

मैंने बाहरी संसाधनों का उपयोग करने के लिए अपना बेला अपडेट किया

यह एक जावास्क्रिप्ट फ़ाइल और एक सीएसएस फ़ाइल आयात करता है, और आइकन अब दिखाते हैं

यदि आप फॉन्टएवॉम्स पर कोई खाता बनाते हैं तो वे आपको एक लिंक भेजेंगे। अपने कोड में नीचे दिए गए प्रयास करें और देखें कि यह काम करता है, मैं इसे दांव लगा रहा हूँ।

<link rel="stylesheet" type="text/css" href="https://fontawesome.io/assets/font-awesome/css/font-awesome.css">
<script type="text/javascript" src="https://use.fontawesome.com/cec949909c.js"></script>

मुझे Fontawesome से एक आइकन को एक चयनकर्ता के विकल्प के रूप में जोड़ना होगा। यह ठीक काम करता है, जब तक कि मैं ऑप्ट-ग्रुप का उपयोग नहीं करता हूं

<select>
    <optgroup label="group name">
        <option>opt1 &#xf042;</option>
        <option>opt2 &#xf043;</option>
    </optgroup>
    <option>opt3 &#xf042;</option>
    <option>opt4 &#xf043;</option>
</select>

यहां जेएसफ़ैडल है

कोई विचार क्यों?


वाइड विंडोज 8.1 (नवीनतम एफएफ + आईई 11) पर काम नहीं करता है, ऐसा लगता है कि ओएस से चयन के साथ कुछ है ऑप्ट-ग्रुप के बिना भी यह अभी भी काम नहीं करता है, इसलिए ऑप्ट-ग्रुप का इसके साथ कुछ नहीं करना है।

ऐसा लगता है कि यह उत्तर अभी भी मान्य है। वैकल्पिक हल: इसके बजाय jQuery प्लग इन का उपयोग करें।





font-awesome