How to disable a <li></li> tag? [closed]

Question

I developed some code. Now I would like to give a certain list-item a disabled look like bootstrap. How can I do this?

<button type="button" class="btn btn-primary disabled">Disabled Primary</button>


<li id="abc" style="width:200px;border:solid 1px #b4123d;background-color:#4827a1;height:110px;margin-right:5px;line-height:45px;" >
 <span class="icon" style=" width:5px; height:5px; margin-top:-25px; margin-left:55px;">
    <i aria-hidden="true"><span class="glyphicon glyphicon-user " true"></span></i>
 </span>
 <span style=" font-weight:bold; font-size:16px; line-height:85px; margin-left:65px;">Admin</span>
</li>

Answer 1

Just add another class for eg .disabled to the list-item which you want to be disabled.

Give it another styling so it looks like it is disabled.