怎么设置所有checkbox的样式
我设置了input的样式，后来发现checkbox很难看，？想只修改所有checkbox而不修改input，怎么改？
input
{
font-family: songti;
font-size: 12px;
color: #000000;
border: 1px solid #006600;
background-color: #DBFBF7;
}
怎么设置所有checkbox的样式？
问题点数：100、回复次数：7Top
1 楼cpio（备注）回复于 2006-06-03 16:23:17 得分 30
input.checkbox
{
font-family: songti;
font-size: 12px;
color: #000000;
border: 1px solid #006600;
background-color: #DBFBF7;
}
<input type="checkbox" class="checkbox"Top
2 楼welland（微蓝色）回复于 2006-06-03 16:32:37 得分 10
如楼上所说,单独进行class定义;
还一种方法是使用属性选择符
input[type="checkbox"] {
font-family: songti;
font-size: 12px;
color: #000000;
border: 1px solid #006600;
background-color: #DBFBF7;
}Top
3 楼gui1401（Airosyclouds）回复于 2006-06-03 16:34:35 得分 0
我的checkbox很多，并且最初没指定class:<input type="checkbox"/>,不想一个一个去修改，可以实现吗？Top
4 楼gui1401（Airosyclouds）回复于 2006-06-03 16:51:18 得分 0
楼上的好像都不起作用
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<style>
input
{
font-family: songti;
font-size: 12px;
color: #000000;
border: 1px solid #006600;
background-color: #DBFBF7;
}
input.RadioButton
{
font-family: songti;
font-size: 12px;
color: #000000;
border: 1px solid #006600;
background-color: #DBFBF7;
}
input[type="checkbox"]
{
font-family: songti;
font-size: 12px;
color: #000000;
border: 1px solid #006600;
background-color: #DBFBF7;
}
</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>
<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>
<TR>
<TD><INPUT TYPE="text" NAME="cc" value="3">45</TD>
<TD><INPUT TYPE="text" NAME="dd" value="4">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>
<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>
</HTML>
Top
5 楼snmr_com（麒麟厍人）回复于 2006-06-04 13:47:34 得分 20
input[type="checkbox"]这个好像在ie还未支持
opera/mozilla就可以Top
6 楼cpio（备注）回复于 2006-06-04 14:10:56 得分 10
晕，你这样当然不起作用了
你把input和input.RadioButton样式写成一样的了
Top
7 楼BlueDestiny（Design Life - never-online.net）回复于 2006-06-05 22:22:07 得分 30
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<style>
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>
</HTML>
Top
