如何在基于移动或平板电脑浏览器的网页中增加复选框尺寸？

Question

我为手机/平板电脑设计了一个网页。当我在移动/平板电脑浏览器中打开它时，复选框看起来很小，很难识别它是否被检查。我试过用css。但没用

我们如何增加移动设备/平板电脑浏览器网页的复选框尺寸？否则有什么解决办法吗？

Answer 1

尝试：

<input type="checkbox" style="min-height:80px;min-width:80px;">

“min-”声明是你的朋友; - ）

Answer 2

input[type=checkbox]:checked {
   background: url("data:image/png,%89PNG[...]") no-repeat center center;
   -webkit-background-size: 28px 28px; /* shrink high resolution background */
 }

检查此链接  http://37signals.com/svn/posts/2609-customizing-web-forms-with-css3-and-webkit

Answer 3

input[type=checkbox] {
  /* All browsers except webkit*/
  transform: scale(2);
  /* Webkit browsers*/
  -webkit-transform: scale(2);
}

Answer 4

或者您可以使用uniform或jQuery Mobile来尝试。