当用Javascript禁用一个元素时，它不会应用样式

When disabling an element with Javascript it doesn't apply styles

本文关键字：样式 应用 元素 一个 Javascript 当用      更新时间：2023-09-26

在我的CSS中，我试图用以下方式样式一些input:

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

当我将disabled="disabled"直接添加到HTML中时，这工作得很好，但是当我运行以下JS时:

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

表单字段被禁用(即不能聚焦)，但样式没有改变。为什么会这样?

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

使用如下:

input[disabled] {
  /* styles */
}

在这里可以正常工作:http://jsbin.com/asifih/1/edit

相关文章：