"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > 멀티 브라우저와 호환되도록 선택 상자 화살표를 사용자 정의하는 방법은 무엇입니까?

멀티 브라우저와 호환되도록 선택 상자 화살표를 사용자 정의하는 방법은 무엇입니까?

2025-04-14에 게시되었습니다
검색:701

How Can I Customize Select Element Arrows for Cross-Browser Compatibility?

이 문제를 해결하려면 다음 코드를 CSS에 통합하는 것을 고려하십시오. . Styled-Select Select { -Moz-appearance : 없음; / * Firefox */ -WebKit-Appearance : 없음; / * 사파리 및 크롬 */ 외관 : 없음; }

이 추가는 모든 주요 브라우저에서 기본 화살표 모양을 억제합니다. JSFiddle 예제에서 시연 된 이러한 접근법 중 하나는 원래 화살표를 숨기고 선택 요소가 호버링 될 때 화살표의 기능을 모방하는 배경 이미지로 대체하는 것과 관련이 있습니다.

최신 튜토리얼 더>

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3