在html中如何设置复选框checkbox的大小

在html中如何设置复选框checkbox的大小,第1张

这个问题有2种理解:占位大小(所占空间)和展示大小(展示的样式);

占位大小:可以直接通过设置宽高来设置大小,如:

checkbox{

width:100px

height:80px

}

效果如:

如图,左边红框,即占位空间-100*80,为样式所控制的width:100pxheight:80px

左边蓝框,即展示,也就是我们一般看到的checkbox的样子了,它的大小就是由最小的宽高值决定的,如上例子最小值是高度的80px,那么这边的展示就是80*80;

PS:主要是理解:占位和展现是不一样。

html5设置复选框的宽度和高度一般是结合CSS3来设置的,我这里提交码 Click Me! checkbox{ width:100pxheight:100px} 这样你的宽高就设置好了!html5如何设置复选框大小


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/6147268.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-16
下一篇 2023-03-16

发表评论

登录后才能评论

评论列表(0条)

保存