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

Question

我认为自己是css的新手所以忍受我：）

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

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

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

这里有一段来自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，您可以将.inputButton[disabled]用于IE 8。

Answer 2

试试这个

.inputButton:disabled {
background-image:url(../images/some_image.jpg);
}

或者您可以使用背景颜色css属性而不是background-image