怎么设置所有checkbox的样式

gui1401 2006-06-03 04:18:42
我设置了input的样式,后来发现checkbox很难看,?想只修改所有checkbox而不修改input,怎么改?
input
{
font-family: songti;
font-size: 12px;
color: #000000;
border: 1px solid #006600;
background-color: #DBFBF7;
}
怎么设置所有checkbox的样式?
...全文
4306 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
BlueDestiny 2006-06-05
  • 打赏
  • 举报
回复
<!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>
cpio 2006-06-04
  • 打赏
  • 举报
回复
晕,你这样当然不起作用了

你把input和input.RadioButton样式写成一样的了

ImN1 2006-06-04
  • 打赏
  • 举报
回复
input[type="checkbox"]这个好像在ie还未支持
opera/mozilla就可以
gui1401 2006-06-03
  • 打赏
  • 举报
回复
楼上的好像都不起作用
<!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>
gui1401 2006-06-03
  • 打赏
  • 举报
回复
我的checkbox很多,并且最初没指定class:<input type="checkbox"/>,不想一个一个去修改,可以实现吗?
welland 2006-06-03
  • 打赏
  • 举报
回复
如楼上所说,单独进行class定义;
还一种方法是使用属性选择符
input[type="checkbox"] {
font-family: songti;
font-size: 12px;
color: #000000;
border: 1px solid #006600;
background-color: #DBFBF7;

}
cpio 2006-06-03
  • 打赏
  • 举报
回复
input.checkbox
{
font-family: songti;
font-size: 12px;
color: #000000;
border: 1px solid #006600;
background-color: #DBFBF7;
}

<input type="checkbox" class="checkbox"

61,110

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧