it-swarm.com.ru

отключен стиль для элемента DIV

Я пытаюсь стилизовать отключенное состояние для div у меня есть код 

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

У меня нет ни класса, ни идентификатора, присутствующего на элементе. Это система генерируется. Я хочу сделать цвет фона светло-серым. 

6
Nitin Shinde

Попробуйте использовать Attribute Selector:

div[disabled]{}

Смотрите для получения дополнительной информации:

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

7
Wolfgang Blessen

Это может быть достигнуто с помощью attribute selectors, в этом случае «disabled» - это заданный атрибут: 

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

Для получения дополнительной информации, вот очень полезное справочное руководство по использованию атрибутов данных в MDN

Вот конкретное руководство по Селекторы атрибутов

Селекторы атрибутов выбирают элемент, используя наличие данного атрибута или значения атрибута.

3
Matt D. Webb

В div disabled является атрибутом. Так что используйте селектор атрибута.

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

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

2
Michael_B

cSS для атрибута 

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