如何禁用<li> </li>标签?

时间:2015-09-28 10:02:53

标签: html css

我开发了一些代码。现在我想给某个列表项禁用看起来像bootstrap。我怎么能这样做?

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

2 个答案:

答案 0 :(得分:3)

只需将例如.disabled的另一个类添加到您要禁用的列表项中。

给它另一个样式,看起来它已被禁用。

答案 1 :(得分:1)

是的,最终它的工作,我创立了我自己的方法

<li id="abc" style=" width:200px;border:solid 1px #b4123d;background-color:#b4123d;height:110px;margin-right:5px;line-height:45px;" class="btn  btn-primary disabled">

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