>웹 프론트엔드 >HTML 튜토리얼 >IE8/9/10, FF 등과 완벽하게 호환되는 아름다운 체크박스 스타일(다중 선택박스)_HTML/Xhtml_웹페이지 제작

IE8/9/10, FF 등과 완벽하게 호환되는 아름다운 체크박스 스타일(다중 선택박스)_HTML/Xhtml_웹페이지 제작

WBOY
WBOY원래의
2016-05-16 16:39:512215검색

이렇게 흔히 사용되는 체크박스의 스타일을 바꾸려면 실제로 바이두가 필요하다고 하기엔 부끄러운 일이고, 더욱 짜증나는 것은 바이두가 오랫동안 실현 가능한 해결책을 찾지 못했다는 점이다.

나중에 csscheckbox.com에서 여러 스타일을 찾았지만 IE와의 호환성 테스트에 실패했습니다. 결과적으로 오랜 시간이 낭비되었습니다.

반복적인 시도 끝에 바로가기를 선택하여 JQuery UI로 돌아왔습니다. 말할 필요도 없이 호환성이 매우 좋고 원하는 스타일을 그릴 수 있습니다.

앞으로 모두가 편리하게 사용할 수 있도록 여기에 체크박스 스타일을 기록해 둡니다.

기본, 호버, 활성의 세 가지 상태가 있으며 테스트를 거쳤으며 IE8/9/10, FF 등과 완벽하게 호환됩니다.

코드 복사
코드는 다음과 같습니다.