html5如何设置复选框大小

Question

html5如何设置复选框大小

Answer 1

html5设置复选框的宽度和高度一般是结合CSS3来设置的，我这里提交码
<button type="checkbox">Click Me!</button>
<style>
checkbox{
width:100px;

height:100px;

}
</style>
这样你的宽高就设置好了！

Answer 2

你不光能 改变大小 还能改变他的样式

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

input[type="checkbox"]{   display: inline-block; // 设置为 行内块 就能改变大小了   width: 30px;   height: 30px;   -webkit-appearance: none;  // 改变元素外观   -moz-appearance: none; // 改变元素外观   appearance: none; // 改变元素外观   background: #fff;   border-radius: 3px;   border: 1px solid #888; } input[type="checkbox"]:checked{ // 复选框选中的样式 使用带有对号的 背景图片打底   background: url("images/checkbox-checked.png") no-repeat;   background-size: 100% 100%;   border: none; }