问答一下,轻松解决,电脑应用解决专家!
主板显卡CPU内存显示器
硬盘维修显卡维修显示器维修
注册表系统命令DOS命令Win8
存储光存储鼠标键盘
内存维修打印机维修
WinXPWin7Win10/Win11
硬件综合机箱电源散热器手机数码
主板维修CPU维修键盘鼠标维修
Word教程Excel教程PowerPointWPS
网络工具系统工具图像工具
数据库javascriptLinux系统
PHP教程CSS教程XML教程

修改input中checkbox复选框大小,css3复制框变大

更新时间:2021-11-20 14:54 作者:佚名点击:

有时候默认复选框的太小,需要加大。用此法<input type="checkbox" style="width:px;">,很多浏览器不兼容,无法实现。有以下3法。

1.zoom

原理是将元素放大或缩小。

缺点:若与其它元素同在一行上,会出现其它元素也放大。

input[type="radio"],input[type="checkbox"]{
zoom:180%;
}

2.transform CSS属性的scale函数

input[type="checkbox"] {
/*Double-sized Checkboxes*/
transform: scale(2);/*FF 16+, IE 10+*/
-webkit-transform: scale(2); /* Chrome, Safari 3.5+, Opera 15+*/
-ms-transform: scale(2);/*legacy: IE 9+*/
-moz-transform: scale(2);/*legacy: FF 3.5+*/
-o-transform: scale(2);/*legacy: Opera 10.5*/
}

3.手工制作

制作一个叠加div,它位于复选框的正上方并使其可见。使用此叠加层,可以添加自己的复选框图形,并在用户单击图像时更改其图像(=它的可见值)。此外,必须手动更新真实复选框的值,以确保可以发送包含复选框表单值的表单。 这种技术经常被像QooxDoo,ExtJS等RIA框架使用。

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
你可能感兴趣的内容