html - 如何增加表格内复选框的大小？

Question

我正在尝试放大放置在表格中的复选框。 宽度:###px； height:###px; 似乎只能减小尺寸。如果将它们设置为高于默认大小的任何值，则复选框只会保持默认状态，而 div 会达到我指定的大小。我试过将填充设置为零但无济于事。

这是我的表体代码示例:

%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