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

Question

我在页面上有一个 HTML div 元素，它会在页面上的 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 */
}