css在原有基础上增加效果的问题

来源：百度知道 编辑：UC知道 时间：2024/07/08 00:35:42
1、原有几个不同CSS效果的按钮，现在我想编一段程序，增加这些按钮在disabled时候的一个CSS公共效果（比如变成灰色），但是原有的尺寸，背景图片等等效果要保留（只是变成了灰色）。请问这公共的CSS该如何写，还是通过JAVASCRIPT去实现。
.resetbtn {
height:21px;
width:83px;
border:none;
background:url(../images/resetbtn.gif) no-repeat left top;
color:#000;
padding:2px 0 0 0;
font-size:12px;
}

.closebtn {
height:15px;
border:1px #C30;
background:url(../images/btnbg3.jpg) repeat-x left top;
color:#fff;
padding:0px;
font-size:9px;
}

.newbtn {
height:22px;
width:40px;
border:none;
background:url(../images/newbtn.gif) repeat-x left top;
color:#f90;
padding:2px 0 0 0;
font-size:12px;
}

---
2、以下是扫描网页中所有表单中的控件，实现2个功能。
a/把所有非按钮的disabled和locked的控件执行css效果
b/把所有disabled的按钮执行css效果
a成功，b却一直不成功。请看代码中标注《---的表述。请问问题在哪里？
----
for(j=0;j<document.forms.length;j++){
var elmt=document.forms[j].elements;

for(i=0;

可以改变css中的代码来实现

楼主的意思表达不清楚,还是不理解,是不是说当按钮为disabled时候,按钮为灰色吗,这样的话,可以用css滤镜来使得图片变成灰色,不过滤镜只能在IE中实现,firefox等浏览器不能看到效果,这样的话,最好分别准备两个按钮图片,一个为正常,一个为灰色,然后使用js判断一下就OK了,我写了一段,楼主看看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>你好</title>
<style type="text/css">
.huise_a{
background:url(灰色图片)
}
.huise_b{
background:url(灰色图片)
}
.huise_c{
background:url(灰色图片)
}
</style>
<script type="text/javascript&quo