स्पेस सफारी और क्रोम ब्राउज़र में विकल्प टैग शब्दों के बीच काम नहीं करता है

HTML कोड

    

सीएसएस कोड: (मैंने सीएसएस कोड में फ़ॉन्ट का उपयोग किया है जो केवल फ़ायरफ़ॉक्स और आईई ब्राउज़र काम करता है)

.logo_placement select option{font-family:Menlo, Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace, serif;}

वह फ़ॉन्ट फ़ायरफ़ॉक्स और आईई काम करता है लेकिन सफारी और क्रोम ब्राउज़र में काम नहीं कर रहा है

फ़ायरफ़ॉक्स और आईई ब्राउज़र से छवि

enter image description here

सफारी और क्रोम ब्राउज़र से छवि

enter image description here

CHECK DEMO HERE

0
हां मैंने कोशिश की है कृपया यहां डेमो जांचें और सभी ब्राउज़र की तुलना करें jsfiddle.net/aKy8L/1
जोड़ा लेखक thecodedeveloper.com, स्रोत
क्या आपने & nbsp; की कोशिश की है?
जोड़ा लेखक Surjith S M, स्रोत

2 उत्तर

आपको बस एक मोनोस्पेस (या निश्चित-चौड़ाई) फ़ॉन्ट का उपयोग करने की आवश्यकता है। आपने फ़ायरफ़ॉक्स और अन्य लोगों के लिए सफारी के लिए बहुत सारे फ़ॉन्ट विकल्प निर्दिष्ट किए हैं। अपनी सभी फ़ॉन्ट परिभाषाओं को हटाने का प्रयास करें और कूरियर चुनें और इसे सभी ब्राउज़रों में काम करना चाहिए।

0
जोड़ा
मैंने कूरियर फ़ॉन्ट भी कोशिश की है लेकिन सफारी और क्रोम ब्राउज़र काम नहीं कर रहा है, यहां डेमो देखें jsfiddle.net/aKy8L/3
जोड़ा लेखक thecodedeveloper.com, स्रोत
असल में, मुझे खेद है। आप स्पष्ट रूप से एक चुनिंदा क्रॉस-ब्राउज़र शैली नहीं बना सकते हैं। अधिक जानकारी के लिए सीएसएस ट्रिक्स देखें
जोड़ा लेखक skube, स्रोत

आपको एक मोनोस्पेस फ़ॉन्ट लागू करने की आवश्यकता है, लेकिन चयन और विकल्प दोनों के लिए। अपनी सभी फ़ॉन्ट परिभाषाओं को हटाने का प्रयास करें और कूरियर चुनें

.logo_placement select option , .logo_placement select {
    font-family:Courier;
}

इसे यहां http://jsfiddle.net/EgDRS/ देखें। यह मेरे क्रोम, ओपेरा, यानी और फ़ायरफ़ॉक्स में काम कर रहा है।

0
जोड़ा
धन्यवाद यह मेरे लिए काम किया।
जोड़ा लेखक thecodedeveloper.com, स्रोत