फोकस ड्रॉपडाउन मेनू की बिंदीदार सीमा/रूपरेखा हटाएं

Question

ड्रॉपडाउन मेनू से किसी आइटम का चयन करते समय दिखाए गए बिंदीदार सीमा/रूपरेखा को आप कैसे हटाते हैं?

आप देख सकते हैं एक बिंदीदार सीमा/रूपरेखा से पता चला है, मैं इस (फ़ायरफ़ॉक्स में लिया स्क्रीनशॉट) निकालना चाहते हैं।

समाधान की कोशिश कर नीचे उसे नहीं निकाला:

select:focus, option:focus, select::-moz-focus-inner, option::-moz-focus-inner { 
    outline: none; 
    border: none; 
} 

एचटीएमएल बस इस है:

<select name="order"> 
    <option value="desc">Newest to oldest</option> 
    <option value="asc">Oldest to newest</option> 
</select> 

Answer 1

विंडोज 7 और IE9 पर कोई सीमा/रूपरेखा दिखाया गया है, बजाय एक नीले रंग की पृष्ठभूमि दिखाया गया है। नीली पृष्ठभूमि और आपके मामले में सीमा/रूपरेखा ओएस द्वारा प्रबंधित की जाती है। मुझे संदेह है कि आप मैक पर हैं?

Remove outline from select box in FF

How to remove Firefox's dotted outline on BUTTONS as well as links?

Answer 2

अपने स्टाइलशीट के लिए निम्न जोड़ें। -

select:-moz-focusring { color: transparent; 
         text-shadow: 0 0 0 #000; } 

हमेशा मेरे लिए काम करता है, उम्मीद है कि यह मदद करता है!