Stylized style for div element.

Question

I am trying to style the disabled state for a div. I have code

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

I do not have a class or identifier present in the element. It is generated by the system. I want to make the background color light gray.

Answer 1

Try using the attribute selector:

div[disabled]{}

See additional information:

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

Answer 2

This can be achieved using attribute selectors, in this case, "disabled" - this attribute:

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

, MDN

, .

Answer 3

In a div, disabledis an attribute. Therefore, use the attribute selector.

<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 for attribute

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