라디오 버튼을 가리키는 색상을 변경하는 방법

Question

텍스트 영역의 호버 색상으로이 CSS 코드를 사용하고 있습니다. 아래 이미지와 같이 IE를 제외한 모든 브라우저에서 올바르게 입력됩니다. 라디오 버튼 배경을 투명하게 설정하는 법.

은 내 CSS 코드 : 직접 input 스타일링하고 있기 때문에

input:focus, input:hover, textarea:focus, textarea:hover { 
border: 0 none; 
background: blue; 
} 

Answer 1

, 라디오 버튼과 체크 박스도 대상이됩니다. 이를 피하는 쉬운 방법은 :not() 선택기를 사용하는 것입니다 : input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=button]):focus. 이것은 IE < 8 (?)에서 작동하지 않습니다.

Answer 2

powerbuoy가 정상 입력란 외에 입력 선택기 선택 체크 박스 및 라디오를 선택하는 것이 옳습니다.
하지만 더 많은 브라우저에서 작동하는 대신 자신이 사용할 수있는 제안이 있습니다.
기본적으로 모든 확인란과 라디오 버튼 입력에 클래스를 추가 할 수 있습니다.
은 그래서 당신의 체크 박스 및 라디오 HTML은

<input type="checkbox" class="checkbox"> 
<input type="radio" class="radio"> 

이되고 그

input.checkbox, input.radio 
{ 
    background:transparent; 
}