我可以使用CSS或脚本设置禁用的控件的样式吗？

Question

我div在页面上有一个HTML 元素,当页面上的select元素发生更改时会更新该元素.有时input需要根据选择禁用标签(文本框).

这就是问题:项目利益相关者喜欢功能,他们只是认为处于"禁用"状态,文本框内容太轻,因此不可读.我可以将CSS应用于禁用的控件吗？或者我应该将文本框设置为readonly和使用其他CSS.这个应用程序也使用jQuery,如果这有帮助.这里的想法或建议？

Answer 1

input[type="submit"][disabled="disabled"]
{
    /* CSS here */
}
input[type="text"][disabled="disabled"]
{
    /* CSS here */
}
input[type="button"][disabled="disabled"]
{
    /* CSS here */
}

如果输入标记是这样的,则在每个浏览器中都有效:

<input type="submit" disabled="disabled">

如果您想在未禁用时更改它,只需将其添加到您的CSS

input[type="submit"]
{
    /* CSS here */
}
input[type="text"]
{
    /* CSS here */
}
input[type="button"]
{
    /* CSS here */
}

Answer 2

将 CSS 应用于元素不受该元素是否禁用的影响。