javascript - 移动浏览器上更大的复选框

Question

我在 Stackoverflow 和其他来源上查看了许多关于如何制作更大复选框的问答。提供的所有解决方案都不会显示更大的简单复选框。

有很多解决方案。许多是几年前的。都是不同的。

我有兴趣在移动设备上创建大 2 倍或 3 倍的复选框。事实上，如果它们在桌面浏览器上更大，那也很好。

在 2016 年获得更大复选框的最佳方法是什么？

我不想要“奇怪”的复选框，其中有一个看起来很有趣的复选标记，或者一些“替代复选标记”。

只是一个普通的复选框...但更大。另外...描述复选框的文本应该正确对齐。

谢谢

Answer 1

您可以使用变换比例缩放任何 html 元素...复选框是一个 HTML 元素，它也可以缩放，您可以相对于不同的视口(viewport)指定不同的比例，以使缩放与它查看的设备兼容上..

input[type=checkbox] 
{
 -ms-transform: scale(2); /* IE */
 -moz-transform: scale(2); /* FF */
 -webkit-transform: scale(2); /* Safari and Chrome */
 -o-transform: scale(2); /* Opera */
}