체크박스나 라디오버튼의 테두리를 한꺼번에 없앨

[addiction]

체크박스나 라디오버튼의 테두리를 한꺼번에 없앨수는 없나요..?

지금까지는 일일히 class 를 써서 적용을 시켰는데요..
<input> 이런식으로 말이죠..

그런데 이거를 한꺼번에..
체크박스나 라디오버튼 들의 테두리를 없앨 수는 없는지
궁금합니다.

[dece24]

CSS 선택자를 사용하는 방법중에 애트리뷰트 선택자 라는 것이 있습니다.
http://trio.co.kr/webrefer/css2/selecto ... -selectors

즉, input type="checkbox" 또는 input type="radio" 와 같이 특정 애트리뷰트와 애트리뷰트 값을 지니는 녀석들에게만 스타일을 지정할 수 있다는 이야기 입니다.

위 예제를 가지고 애트리뷰트 선택자를 사용하면 다음과 같습니다.
input[type=checkbox], input[type=radio] { border:none; }

그러나, 요거 FF2 에서 지원하지 않는것 같군요. 아마 IE6 에서도 마찬가지일 껍니다.
IE7, Opera9 에서는 지원되는 것을 확인 하였습니다.

[화성]

그리고 내부적으로 라디오버튼과 체크박스에 CSS가 정의돼 있어서([url]resource://gre/res/forms.css[/url]) 다음 코드를 넣어 시스템의 UI 스타일을 없애야 합니다(참고).

코드: 모두 선택

-moz-appearance: none;

또 테두리 관련 스타일들(border-width, border-style 등)을 !important로 정의해 놓아서 바꾸려면 역시 !important로 정의해야 할 겁니다.

덧. 근데 라디오버튼의 테두리를 없애면 어떤 모양이죠? XP 기본 테마가 아닌 다른 테마를 써서 그런지 어떤 모양인지 모르겠네요.