javascript - 禁用的操作按钮 - 更改格式

Question

我认为自己是 css 的新手，所以请多多包涵 :)

我正在尝试更改操作按钮的文本颜色。您可以在下图中看到“剪切”和“复制”被禁用，因为没有选中复选框。

我希望能够格式化启用和禁用操作按钮的颜色。

我做了一个字体颜色；除了下面的 .inputbutton 之外，它还使启用和禁用按钮中的文本颜色相同。

这里是 index.php 文件中可能适用的代码片段......

<input type="button" id="actionButtonCut" value="<?php echo $lang_btn_cut; ?>" onClick="actionFunctionCut('','');" disabled class="<?php echo adjustButtonWidth($lang_btn_cut); ?>"> 

这是 style.css 文件中的一些代码完整的 style.css 文件在这里:files.#######.com/style.css

.inputButton {
padding: 5px;
width: 130px;
border-radius: 3px; 
-moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
border: 1px solid #2187c0;
background-image:url(../images/button_bg.jpg);
}

.inputButton:hover {
cursor: pointer;
background-image:url(../images/button_bg2.jpg);
}

.inputButtonNf {
padding: 5px 10px 5px 10px;
}

还有一个带有更多格式的皮肤 css 文件完整的皮肤 css 文件在这里:#########.com/skins/kobus.css

/* FTP Action Buttons */    

#ftpActionButtonsDiv {
background-color:#88b0ff;
border-top-color: #404040;
}

还有一个 ajax.js 文件，但我认为它不相关: http://files.##########.com/ajax.css

非常感谢任何可以帮助我格式化启用和禁用操作按钮的颜色的人:)

Answer 1

如果你不需要IE 8的支持， 有一个伪选择器你可以使用.inputButton:disabled， 否则你可能要摔倒回到 JavaScript。

编辑:作为dyagmin如下所述，您可以为 IE 8 使用 .inputButton[disabled]。