javascript - 使用 Javascript 禁用元素时，它不应用样式

Question

在我的 CSS 中，我尝试input使用以下内容设置一些 s 的样式：

input[disabled="disabled"], input[disabled="true"] {
    [... styles ...]
}

当我直接添加到 HTML 时，这很好disabled="disabled"用，但是当我运行以下 JS 时：

document.getElementById('id').disabled = true;

表单域被禁用（即不能聚焦它），但样式没有改变。为什么是这样？

score 1 · Accepted Answer

使用以下内容：

input[disabled] {
  /* styles */
}

它在这里工作正常：http: //jsbin.com/asfih/1/edit

score 1 · Accepted Answer

document.getElementById('id').disabled = true;只添加关键字属性disabled，而css正在寻找属性disabled=true。

2 回答 2