फ़ायरफ़ॉक्स 30.0 - -मोज़-उपस्थिति: कोई भी काम नहीं कर रहा है

Question

मैं इस कोड का उपयोग ड्रॉपडाउन तीर और इसके कामकाजी जुर्माना को फ़ायरफ़ॉक्स के अपडेट से पहले छिपाने के लिए कर रहा हूं लेकिन अब फ़ायरफ़ॉक्स 30.0 में टूट गया है।

select { 
-moz-appearance: none; 
text-indent: 0.01px; 
text-overflow: ''; 

}

Answer 1

मैं एक समाधान

select{ 
    height:20px; // height of the dropdown 
    border:0 none; 
    display: flex; 
    background: url('image/sample.jpg'); 
} 

Answer 2

यह फ़ायरफ़ॉक्स में एक परिवर्तन सूचना के रूप में Bug 649849 - चयन तत्व ड्रॉप डाउन तीर की स्टाइल की अनुमति दें।

यह एक जानबूझकर उपयोगिता सुधार हो सकता है। यह मानना ​​शायद सबसे अच्छा है कि यह तीर को छिपाने के लिए और बंद करना चाहता है (जो ब्राउज़र का एक संकेत है कि एक ड्रॉपडाउन मेनू है)।

Answer 3

ऐसा लगता है कि भविष्य के संस्करणों https://bugzilla.mozilla.org/show_bug.cgi?id=1017864#c9

Answer 4

तुम सच में पूर्व के संस्करणों मैं चारों ओर एक काम के रूप में सुझाव है कि आप डाल करने के लिए छड़ी चाहते हैं पाया में तय किया जा सकता है एक कंटेनर के अंदर तत्व का चयन करें जिसमें ओवरफ्लो-एक्स छुपा हुआ है। फिर ड्रॉपडाउन छुपाएं और तदनुसार अपनी पृष्ठभूमि स्थिति समायोजित करें।

जैसे
एचटीएमएल

<div class="container"><select>.....</div> 

सीएसएस

//assuming bg img is 20px 
.container {max-width:200px; overflow-x:hidden;} 
.container select.adjustme{width:220px; background: url('image/bg-dropdown.jpg') 180px center; border:0;} 

ऊपर भी नवीनतम संस्करण प्रभाव होगा ताकि आप उन सीएसएस जोड़ने

function get_browser_info(){ 
    var ua=navigator.userAgent,tem,M=ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || []; 
    if(/trident/i.test(M[1])){ 
     tem=/\brv[ :]+(\d+)/g.exec(ua) || []; 
     return {name:'IE ',version:(tem[1]||'')}; 
     } 
    if(M[1]==='Chrome'){ 
     tem=ua.match(/\bOPR\/(\d+)/) 
     if(tem!=null) {return {name:'Opera', version:tem[1]};} 
     } 
    M=M[2]? [M[1], M[2]]: [navigator.appName, navigator.appVersion, '-?']; 
    if((tem=ua.match(/version\/(\d+)/i))!=null) {M.splice(1,1,tem[1]);} 
    return { 
     name: M[0], 
     version: M[1] 
    }; 
} 
var browser=get_browser_info(); 

if(browser.version<35){ 
$('.container select').addClass('adjustme'); 
} 

यह नहीं है पहले नीचे दिए गए इस जावास्क्रिप्ट की जरूरत है सबसे सुंदर लेकिन मुझे उम्मीद है कि यह मदद करेगा :)