Question 46162 in CSS Question posted in
Some basic documentation can be found here.

Disabled div content using css

<div class="children"> Sachin </div>
<div class="children"> Moron</div>
<div class="children"> Peter </div>

is it possible to apply color to div with specfic content like below

If div content is sachin then i need to disabled it, other wise it will enable

.children sachin {
    cursor: not-allowed;
  opacity: 0.5;
  
  }
Tags:

2

Answers


  1. 0

    You can do it if you are able to use data attributes.

    .children[data-name="Sachin"] {
  opacity: 0.5;
  cursor: not-allowed;
}
    <div class="children" data-name="Sachin">Sachin</div>
<div class="children" data-name="Moron">Moron</div>
<div class="children" data-name="Peter">Peter</div>
    Login or Signup to reply.
  2. 0

    You can add a disabled class to the divs you want to disable.

    <div class="children disabled"> Sachin </div>
<div class="children"> Moron </div>
<div class="children"> Peter </div>

    .children.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

    Using the disabled html attibute is also possible:

    <div class="children" disabled> Sachin </div>
<div class="children"> Moron </div>
<div class="children"> Peter </div>
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search