April 6, 2015
HTML Source
<input type="checkbox" class="bLarger" name="checkBox">
Source Code
<style type="text/css">
input.bLarger{width: 20px; height: 20px;}</style>
input.bLarger{width: 20px; height: 20px;}</style>
使用 font-size:200%; 也不見效。
▼幸運的是手機也能呈現
參考網站：
http://lab.artlung.com/larger-checkbox-with-css/
Firefox或是其他瀏覽器就要改用設定兩倍尺寸大小的方法
input[type=checkbox]
{
/* Double-sized Checkboxes */
-ms-transform: scale(2); /* IE */
-moz-transform: scale(2); /* FF */
-webkit-transform: scale(2); /* Safari and Chrome */
-o-transform: scale(2); /* Opera */
padding: 10px;
}
{
/* Double-sized Checkboxes */
-ms-transform: scale(2); /* IE */
-moz-transform: scale(2); /* FF */
-webkit-transform: scale(2); /* Safari and Chrome */
-o-transform: scale(2); /* Opera */
padding: 10px;
}
參考網站：
http://stackoverflow.com/questions/306924/checkbox-size-in-html-css
Table中 col 應用
Responsive Mobil
0 Comment(s)
