찾다

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

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

Linda Hamilton
Linda Hamilton원래의
2024-10-31 08:59:30217검색

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

드롭다운 화살표 숨기기를 포함한 요소입니다. 그러나 이전 버전의 Firefox에서는 이 속성에 올바르게 응답하지 않을 수 있습니다.

Firefox 호환성 문제:

처음에는 -moz-appearance: none을 사용합니다. Firefox에서 드롭다운 화살표를 제거하는 것만으로는 충분하지 않았습니다. 이 문제는 이후 Firefox 버전 35에서 해결되었습니다.

해결책:

이전 버전의 Firefox에서는 -moz-appearance, text-indent 및 text-overflow를 사용하여 화살표를 숨길 수 있습니다:

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

작동 방식:

  • -moz-appearance 설정: none;, 일반