Firefox의 SELECT/OPTION 드롭 다운 컨트롤에서 점선을 제거하려면 어떻게합니까? 파이어 폭스</strong> 그러나</p> <p><img src="https://i.stack.imgur.com/OihyJ.png" alt="enter image description here"></p> <p>, <strong>에서이 <strong>원치 않는이</strong> 라인 곳곳에있다 :

Question

크롬 및 다른 브라우저 에서 내 드롭 다운 잘 보이는 내가 가진

을 성공적으로 불필요한 Firefox 점선을 제거했습니다. 아이 네스는 버튼 이러한 CSS 문에 입력 요소 :

button::-moz-focus-inner { border: 0; } 
input::-moz-focus-inner { border: 0; } 

그래서 나는 이러한 선택/옵션 요소 일 것이라고 생각하지만 그렇지 않은 :

select::-moz-focus-inner { border: 0; } 
option::-moz-focus-inner { border: 0; } 

어떻게 이 드롭 다운에서 점선을 제거하여 Chrome 및 다른 브라우저에서와 같이 표시 할 수 있습니까?

부록은

이 작동하지 않습니다 중 하나

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

나이 :

select { outline: 0; } 
option { outline: 0; } 

나이 :

select { outline: none; } 
option { outline: none; } 

Answer 1

는 outline: 0, 법과를 사용해보십시오 버튼

다음

Answer 2

에 대한 KS 그것에 대해 해킹을 결합 것 : 각 그리고 "위임에"초점에 대한 몇 가지 코드를 선택한 후

select:focus { 
    outline: 1px solid white; 
    outline-offset: -2px; 
} 
select ~ input[type=button] { 
    -moz-appearance: menulist-button; 
    margin-left: -19px; 
    width: 18px; 
    height: 18px; 
    z-index: 10; 
} 

는 다음의 tabindex 함께 = 0을 입력을 추가

$("select ~ input[type=button]").addEvent('focus', function(){ 
    this.getPrevious().focus(); 
}); 

Answer 3

해결책을 찾을 수 https://stackoverflow.com/a/18853002/728855에 완벽하게 작동하는 것 같습니다. 한마디로

:

# 000 텍스트 색상입니다

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

.

Answer 4

James Broad의 대답은 거의 완벽하지만 옵션 항목의 "그림자 전용"텍스트는보기 흉한 것처럼 보입니다. 이것은 나를 위해 완벽하게 작동합니다 :

select:-moz-focusring { 
    color:transparent; 
    text-shadow:0 0 0 #000; /* your normal text color here */ 
} 
select:-moz-focusring * { 
    color:#000; /* your normal text color here */ 
    text-shadow:none; 
}