14

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

我们如何增加移动/平板电脑浏览器网页的复选框大小？否则有什么解决方案吗？

4

4 回答 4

19

尝试：

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

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

于 2013-08-19T00:19:52.563 回答
2 
input[type=checkbox] {
  /* All browsers except webkit*/
  transform: scale(2);
  /* Webkit browsers*/
  -webkit-transform: scale(2);
}
于 2016-12-16T11:17:09.580 回答
1 
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

于 2013-02-16T11:37:55.963 回答
0

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

于 2013-02-16T11:14:06.950 回答