本文介绍了三种不同的方式来实现网页中的Checkbox样式调整。第一种利用CSS表达式为复选框设置背景颜色；第二种采用内联样式调整Checkbox的位置及背景；第三种使用jQuery实现Checkbox功能增强。这些方法有助于改善用户体验并增加页面的美观度。
样式一：
<style type="text/css">
input
{
background-color:expression((this.type=="checkbox" ? "blue" : ""));
}
</style>
<BODY>
<TABLE id='tbl'>
<TR>
<TD><INPUT TYPE="text" NAME="aa" value="1">12</TD>
<TD><INPUT TYPE="text" NAME="bb" value="2">33</TD>
<TD><INPUT TYPE="checkbox" NAME="bb" class="RadioButton" value="2">33</TD>
<TD><INPUT TYPE="checkbox" NAME="bb" class="RadioButton" value="2">33</TD>
</TR>
</TABLE>
</BODY>样式二：
<style>
* {margin:0;padding:0;}
</style>
<div style="background:#f60;width:13px;height:13px;margin:12px;">
<input type="checkbox" style="position:absolute;clip: rect(1 12 12 1);*clip: rect(5 16 16 5);*margin:-4px 0 0 -4px;" />
</div>样式三：
运用jQuery checkbox，效果如下：
实例下载地址：http://download.youkuaiyun.com/detail/evangel_z/4848629
扫一扫
914
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
