CSS 对启用和禁用按钮使用单一样式类
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/5975761/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
using single style class for enabled and disabled button
提问by sij
I have a button which is using a class formBtn
我有一个使用类 formBtn 的按钮
in css
在 CSS 中
.formBtn {color:#fff; background-color:#518ACD; border-color:#ccc #000 #000 #ccc; font- size:11px; font-weight:bold;}
in HTML
在 HTML 中
<html:submit styleClass="formBtn" value="Add"/>
Suggest me something so that I can use the same class name for a disabled button and show it in a different manner (say background-color:Grey). I may be using the style class like this
给我一些建议，以便我可以对禁用的按钮使用相同的类名并以不同的方式显示它（比如背景颜色：灰色）。我可能正在使用这样的样式类
in HTML
在 HTML 中
<html:submit styleClass="formBtn" value="Disabled Add" disabled="true"/>
回答by goto-bus-stop
Use the :disabled pseudoclass.
使用 :disabled 伪类。
.formBtn:disabled { background-color: grey; }
回答by Litek
[attribute=value] selector should work IE7, don't know about IE6 if you care.
[attribute=value] 选择器应该可以在 IE7 上工作，如果你关心，不知道 IE6。
.formBtn[disabled=true] { background: gray}
If you have "Disabled" word in values you could do something like:
如果您的值中有“禁用”字样，您可以执行以下操作：
.formBtn[value~=Disabled] { background: gray}
