모든 브라우저에서 선택 요소의 화살표 스타일을 어떻게 사용자 정의할 수 있나요?

선택 요소의 화살표 스타일 사용자 정의

선택 요소의 미학을 향상시키기 위한 노력의 일환으로 기본 화살표를 대체하려는 시도가 있었습니다. 사용자 정의 이미지로. Chrome에서의 성공에도 불구하고 Firefox와 IE9는 불일치를 보였습니다.

이러한 문제를 해결하려면:

1. 브라우저 간 호환성:

   모든 주요 브라우저에서 일관된 동작을 보장하기 위해 다음 코드를 사용할 수 있습니다. 통합됨:

   .styled-select select {
       -moz-appearance:none; /* Firefox */
       -webkit-appearance:none; /* Safari and Chrome */
       appearance:none;
   }

   로그인 후 복사

2. Firefox Quirks(버전 35 이전):

   버전 35 이전의 Firefox는 사용자 정의 화살표 스타일을 완전히 지원하지 않습니다. 선택 요소에 대해. 해결 방법은 여기에서 찾을 수 있습니다: [JSfiddle](https://jsfiddle.net/e622m/)

위 내용은 모든 브라우저에서 선택 요소의 화살표 스타일을 어떻게 사용자 정의할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!