Web 技术研究所

我一直坚信着,Web 将会成为未来应用程序的主流

修改checkbox的尺寸

  一直以来checkbox控件的样式都是固定的,而且和text之类的控件不同,我们无法修改其尺寸。但目前最新版本的Chrome和IE上已经支持了对checkbox的尺寸修改了,只有Firefox尚未支持。我们可以通过一条样式来取消Firefox对其的限制。
<style>
#chk {
  width:100px;
  height:100px;
}
</style>
<input id="chk" type="checkbox" />

  Firefox上的checkbox只有整个鼠标响应区域变大了,而显示出来的框框和打钩依然是小的。这可以通过下面这条样式来解决 #chk {-moz-appearance:none;}   于是可以得到

  这个appearance是非标准的,但目前Chrome和Firefox上都支持。只是它们的行为可能会不同。比如Chrome上重置checkbox的appearance会导致控件不被正常渲染。
网名:
3.80.55.*
电子邮箱:
仅用于接收通知
提交 悄悄的告诉你,Ctrl+Enter 可以提交哦
神奇海螺
[查看全部主题]
各类Web技术问题讨论区
发起新主题
本模块采用即时聊天邮件通知的模式
让钛合金F5成为历史吧!
次碳酸钴的技术博客,文章原创,转载请保留原文链接 ^_^