Firefox에서 요소의 드롭다운 화살표 숨기기

요소에 대한 Firefox의 기본 동작에는 보이는 드롭다운 화살표가 포함됩니다. 깔끔하고 사용자 정의된 모양을 얻으려면 제거하는 것이 좋습니다.

"-webkit-appearance: 버튼;" "-moz-appearance: 버튼"을 사용하는 것과 동일한 접근 방식으로 Chrome/Safari에서 화살표를 효과적으로 숨깁니다. Firefox에서는 원하는 결과가 나오지 않습니다.

이 장애물을 극복하려면 다른 기술을 사용해야 합니다.

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

작동 방식은 다음과 같습니다.

• "-moz-appearance: none;" 화살표를 포함한 기본 모양을 비활성화합니다.
• "text-indent: 0.01px;" 화살표를 약간 오른쪽으로 밉니다.
• "text-overflow: ''" 오버플로된 화살표를 잘라냅니다.

이 영리한 조합은 를 유지하면서 원하지 않는 화살표를 효과적으로 제거합니다. 요소의 기능.