선택 상자 및 확인란 대체

Question

CSS로 선택 상자, 확인란 및/또는 라디오 버튼의 스타일을 지정하는 방법을 찾고 있습니다. 나는 당신이 브라우저의 렌더링 엔진이 작동하는 방식 때문에 평범한 CSS로 그것을 할 수 없다는 것을 알고있다.

하지만 이러한 HTML 요소의 스타일을 지정하는 자바 스크립트 방법이 있습니까? 주요 브라우저에서 작동합니까?

Answer 1

Dojo에는 여러 페이지에서이를 대체 할 수있는 DHTML 구현 위젯이 포함되어 있습니다. 누군가 JS가 꺼지면 자연스럽게 정상적으로 저하됩니다.

Answer 2

전체적으로 레이블로 대체하고 레이블을 스타일로 지정하여 드롭 다운 메뉴처럼 보이게 한 다음 클릭 이벤트 및 가능한 keydown 이벤트에 이벤트 처리기를 연결하여 범위가 포함 된 형제 div를 열 수 있습니다. (또는 js에 데이터를 보유하지만이 방법이 더 쉽습니다). 그런 다음 별도의 클릭 이벤트 핸들러를 기간에 첨부하십시오. 문서에 클릭 핸들러를 연결해야하고 이벤트 객체의 타겟이 생성 된 드롭 다운 안에 있지 않으면 닫고 다른 로직이 필요할 것입니다.

이것은 처음에는 액세스 할 수 없으므로 키보드 이벤트 핸들러를 연결하여 더 쉽게 액세스 할 수 있지만 실용적입니다.

Answer 3

선택 목록은 CSS로 완벽하게 스타일을 지정할 수 있습니다. 즉, Internet Explorer < 8을 제외하고 OS 컨트롤로 대체합니다.

체크 박스와 라디오 버튼의 경우 그렇습니다. CSS로 스타일을 지정할 수 없습니다. 그것은 그저 그 방법 일뿐입니다. 때로는 색상을 설정할 수 있습니다. 나는 그 (것)들을 그대로 남겨 두는 것이 좋다는 것을 생각한다.