테이블 내부의 확인란의 크기를 늘리려면 어떻게해야합니까?

Question

테이블 안에 배치 한 체크 상자를 확대하려고합니다. width:###px; height:###px; 만 크기를 줄일 수 있습니다. 기본 크기보다 높은 값으로 설정된 경우 체크 상자는 기본값으로 유지되고 div는 지정한 크기만큼 커집니다. 나는 패딩을 0으로 설정하려고 시도했다.

이

%tbody 
    -for foo in @foos 
     %tr{:class=> cycle("even","odd")} 
      %td{:style => "text-align:right;"}= foo.name 
      -for bar in @bars 
       %td 
        %input{:name =>"checkboxname", :type=> "checkbox", :checked => true, :style => "display:block;margin: 0 auto;width:20px;height:20px;padding:0px"} 

Answer 1

일반 체크 박스는 실제로 사용자 정의 할 수 없으므로 다른 방법을 사용하는 것이 좋습니다.

http://www.thecssninja.com/css/custom-inputs-using-css

Answer 2

정말이 크로스 브라우저를 할 수있는 좋은 방법이 아니다 : 여기

내 테이블 본체 코드의 예입니다. This page에 대한 좋은 세부 정보가 표시됩니다.