美文网首页
设置input[type=checkbox]标签的宽高,也就是中

设置input[type=checkbox]标签的宽高,也就是中

作者: 天字一等 | 来源:发表于2018-09-19 16:36 被阅读215次

借鉴自:https://blog.csdn.net/u010623947/article/details/68556719

在谷歌浏览器:
可以直接设置:width:xxx;heigth:xxx;
火狐浏览器:
-moz-transform:scale(3);   放大三倍      

input[type=checkbox]{
                -moz-transform:scale(3);             火狐浏览器
                -ms-transform:scale(3);              IE浏览器
                -webkit-transform:scale(3);        chrome和safair
                -o-transform:scale(3);                  欧朋浏览器
            }    
还有一种方法(但是不兼容火狐):
zoom接受三个参数:normal,number, percentage。normal:实际的尺寸。number:用数值表示元素的缩放大小,不能用负值。percentage:用百分比表示元素的缩放大小。
<input type="checkbox" style="zoom:3"/>

如上这是即可将元素放大三倍,但火狐浏览器不支持zoom属性,所以在火狐浏览器下并不生效。即该方法不支持Gecko内核。

相关文章

网友评论

      本文标题:设置input[type=checkbox]标签的宽高,也就是中

      本文链接:https://www.haomeiwen.com/subject/dlbinftx.html