样式禁用表单控件与类
我有一个带有样式的输入按钮，如果它被禁用，我想更改样式。当禁用设置为 disabled="disabled" 时，这是有效的，但如果仅通过编写 disabled 设置禁用，它也不适用于类说明符，是吗？ CSS 构建错误？
因此，为了澄清 input[disabled="disabled"].awesome 可以正常工作，input.awesome.disabled 不能正常工作。
我正在使用以下 HTML 进行测试：
<input class="awesome" disabled />
<input class="awesome" disabled="disabled" />
CSS：
input[disabled="disabled"].awesome , input.awesome.disabled
{
color: #aaa;;
background-color: #eee;
}
如果我像这样编写选择器，它就可以工作（但对于所有按钮）
input[disabled="disabled"], input.disabled { /**/ }
I have an input button with a style, I want to alter the style if it is disabled. This works when disabled is set like so disabled="disabled" but if disabled is set simply by writing disabled it doesn't work with the class specifier as well, am I constructing the CSS wrong?
So to clarify input[disabled="disabled"].awesome works properly, input.awesome.disabled does not.
I am testing with the following HTML:
<input class="awesome" disabled />
<input class="awesome" disabled="disabled" />
CSS:
input[disabled="disabled"].awesome , input.awesome.disabled
{
color: #aaa;;
background-color: #eee;
}
If I write the selector like so, it works (but for all buttons)
input[disabled="disabled"], input.disabled { /**/ }
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
Disabled 不是一个类（这就是你的 CSS 所暗示的），它是一个伪类。使用这个：
input.awesome:disabledDisabled is not a class (which is what your CSS implies), it's a pseudoclass. Use this:
input.awesome:disabled