집 > 기사 > 웹 프론트엔드 > Firefox에서 '요소'의 드롭다운 화살표를 숨기는 방법은 무엇입니까?

Firefox에서 '요소'의 드롭다운 화살표를 숨기는 방법은 무엇입니까?

How to Hide the Dropdown Arrow of `` Element in Firefox?

요소의 드롭다운 화살표는 "-webkit-appearance: 버튼;"을 사용하여 Chrome 및 Safari에서 원활하게 작동합니다. 그러나 이 속성이 적용될 때 Firefox는 기본 화살표를 유지합니다.

해결책:

Firefox에서 드롭다운 화살표를 숨기려면 다음 CSS의 조합을 활용하세요. 속성:

<code class="css">-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';</code>

설명:

"-moz-appearance: 없음;" 기본 Firefox 모양을 제거합니다. "텍스트 들여쓰기: 0.01px;" "text-overflow: '';" 동안 화살표를 약간 오른쪽으로 밉니다. 화살표를 포함하여 넘쳐나는 부분을 숨깁니다.

업데이트(2014년 12월):

Firefox 35 이상은 기본적으로 "-moz-appearance: none;"을 지원합니다. <선택> 요소를 추가로 해킹할 필요가 없습니다.

업데이트(2014년 4월):

언급된 CSS 해킹이 처음에는 작동했지만 Firefox 31.0에서 버그가 다시 나타났습니다. a1 Nightly, 모든 플랫폼에 영향을 미칩니다. 하지만 Firefox 35부터는 이 버그가 해결되었습니다.

위 내용은 Firefox에서 '요소'의 드롭다운 화살표를 숨기는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：