テーブル内のチェックボックスのサイズを大きくするにはどうすればよいですか？

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はそれについていくつかの詳細を示します