Select의 기본 스타일을 변경하고 일반적으로 UL 및 LI를 사용하여 상황에서 시뮬레이션하십시오.
이러한 방식으로 선택의 기본 스타일을 변경하는 많은 jQuery 플러그인이 있습니다.
프로그램 형제의 보고서에 따르면,이 방법은 양식을 제출 한 후에 데이터를 얻을 수 없습니다. 나중에 실험 후, 다른 JS/JQuery 플러그인이 사용되었고 동일한 결과가 동일했습니다. 데이터를 얻을 수 없습니다.
나중에 외국인이 쓴 블로그를 볼 것입니다. CSS 스타일을 사용하여 Select 외부의 DIV를 추가하고 부모 DIV의 너비보다 선택의 너비를 설정 한 다음 DIV의 배경 속성을 설정하여 선택 기본 화살표의 스타일을 변경합니다.
이 방법은 스크립트를 작성하지 않고 좋은 방법이며 간단한 CSS로만 구현됩니다.
그러나이 방법은 결함이 있습니다. IE 시리즈에서 옵션을 선택할 때는 배경색 블록이 있으며 IE7-IE10에는이 버그가 있습니다.
Opera에서는 DIV의 배경 이미지가 표시되지 않습니다. 즉, SELECT의 드롭 다운 화살표는 표시되지 않습니다. 이것이 왜 발생했는지 모르겠습니다.
다음 코드
코드를 복사하십시오