DIV元素的禁用样式

Question

我正在尝试为div设置禁用状态我有代码

<div disabled> Welcome </div>
<style>
    div:disabled{
      background-color:#f1f1f1;
    }
</style>

我的元素上没有任何类或ID。它是系统生成的。我想让背景颜色变浅。

Answer 1

尝试使用属性选择器：

div[disabled]{}

有关详细信息，请参阅：

https://www.w3schools.com/css/css_attribute_selectors.asp

Answer 2

这可以使用attribute selectors来实现，在这种情况下，“disabled”是给定的属性：

div[disabled] {
    background-color: #f1f1f1;
}

有关详细信息，请参阅此处使用data attributes on MDN

的非常有用的参考指南

以下是Attribute Selectors

的具体指南

  

属性选择器使用给定属性或属性值的选择来选择元素。

Answer 3

在div中，disabled是一个属性。所以使用属性选择器。

<div disabled> Welcome </div>
<style>
      div[disabled] {
         background-color:#f1f1f1;
      }
</style>

https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors

Answer 4

css to Attribute

div[disabled]{
     background-color:#f1f1f1;
  }