logo标签列表

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

htmlcss
4

我开发了一些代码。现在我想给某个列表项一个类似于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>
5
在代码中添加 <!-- 以禁用 --> 吗？ - SWiggels
1
什么是“禁用”？ - Mukul Kant
5
按钮是一个可执行操作 - 禁用是有意义的，但列表只是结构化文本。你期望禁用列表会发生什么？ - thomthom
1
这个li标签是一个类似Windows 8.1 Metro磁贴的东西，我想在用户登录后禁用它。这是一个管理员部分，我已经为该功能开发了代码，但我想添加禁用图标。 - user5336770
1
感谢您的建议和帮助，我找到了自己的解决方案，很好，它正在运行 :) - user5336770
显示剩余4条评论
2个回答
4

只需为想要禁用的列表项添加另一个类，例如.disabled。

给它另一种样式，使它看起来像是被禁用了。

感谢您的帮助 :) - user5336770
2

终于成功了，我找到了自己的方法

<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>
内联样式并不是最好的选择。使用类来进行特定和常见样式的设置。这样你的代码将更易读和组织。 - Jeroen Bellemans
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接