너비와 높이가 16px 인 확인란을 어떻게 만들 수 있습니까?

너비가 16px이고 높이가 16px 인 큰 체크 박스를 만들고 싶습니다. JavaScript 플러그인을 사용하고 싶지 않습니다. 현대적인 CSS로이 작업을 수행 할 수 있습니까?너비와 높이가 16px 인 확인란을 어떻게 만들 수 있습니까?

순수 CSS'입력 [TYPE = 체크 박스 {폭 : 16px; 높이 : 16px}' –

예.

2011-10-22 01:22:29

첫 번째 링크는 특히 Wufoo 양식입니다. 그리고 일부 브라우저 (탐색기가 9 개 미만)는 두 번째 링크에서 기술을 사용할 수 없다는 점에 유의해야합니다. – Sparky

나는 현대의 CSS와 IE라는 단어를 함께 사용할 수 없다고 생각했다. 그리고 wufoo는 체크 박스 요소를 포함한 HTML을 생성하기 때문에이 기술은 아무런 관련이 없다. –

누군가에게 분명하지 않다면 나는 그것을 지적했다. – Sparky

당신은 CSS에서 모습 속성을 기본 체크 박스 모양을 비활성화 할 수있는 스타일 그것은 당신이 테두리, 배경 - 이미지 등으로 원하는 방식으로 후 :

-webkit-appearance: none; 
-moz-appearance: none; 
-o-appearance: none;

호버의 스타일을 지정하고 상태를 확인하려면 : : 호버, : 체크 및 : 호버 : 확인 된 가상 클래스.

다른 방법 가 확대 속성 변환 사용하는 것이다

-webkit-transform: scale(1.6,1.6); 
-moz-transform: scale(1.6,1.6); 
-o-transform: scale(1.6,1.6);

2011-10-22 19:01:53

답변