html5如何设置复选框大小

Question

html5如何设置复选框大小

Answer 1

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

Answer 2

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