맞춤 라디오 버튼을 개발하는 작업에 직면했습니다. 스타일링 문제를 피하기 위해 나는 예기치 않은 스타일링을하지 않을 것이라고 확신하는 CSS 규칙을 만들기 위해 가능한 모든 미리 정의 된 상태 (체크, 액티브 및 기타)를 알고 싶습니다.브라우저에 몇 개의 라디오 버튼 상태가 미리 정의되어 있습니까?
이러한 상태와 그 조합은 무엇입니까?
W3C Selectors Level 3 document에서이 따르고 있습니다 상태 라디오 요소에 적용 할 수있는 가상 클래스 :
상태 유지를 그 라디오 요소를 검사 할 수 없으면 검사하지 않은 상태가 있음을 언급해야합니다. 이러한 상태는 쌍으로 나타나며 각 쌍의 상태는 항상 존재합니다. 이렇게하면 우리는 현재 4 가지 상태를 얻을 수 있습니다 (아래의 마인드 맵에서 찾을 수 있습니다). 활성
초점
무선 요소 HTML로 적용 할 수있는 동적 인 가상 클래스은 존재하지 조합 또는 전혀 사용하지 마십시오. 가능한 8 가지 조합이 있습니다. 이 옵션을 4 개의 enabled-disabled, checked-unchecked 쌍과 결합하면 다음 마인드 맵에서 찾을 수있는 32 개의 결과가 나타납니다. 
check- 체크 해제
MacOS Sierra의 Chrome 브라우저에 구현 된대로 모든 사용 가능한 경로 근처에 라디오 버튼 상태 그림이 있습니다. 사용 중지 된 각 경로에 대해 하나의 그림 만 있습니다. 다른 모든 사용 불가능 상태에 대해 모두 동일합니다. 각 상태를 나타내는 총 10 개의 그림이 있습니다. 편의를 위해 숫자가 사용됩니다.