如何删除下拉菜单列表 <a> 中的填充？
发布于2022-12-07 03:31 阅读(367) 评论(0) 点赞(5) 收藏(2)
<ul class="nav navbar-nav pull-right" style="margin-right: 25px;" >
<li><a href="#"> My Profile </a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
My Blog <span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Sports</li></a>
<li class="divider"></li>
<li><a href="#">Foods</li></a>
<li class="divider"></li>
<li><a href="#">Entertainment</li></a>
<li class="divider"></li>
<li><a href="#">Travel</li></a>
</ul>
</li>
如何删除我的下拉菜单列表中的填充，因为它破坏了我放入其中的背景颜色。这是我当前下拉列表的图像，它在填充方面存在一些问题：
解决方案
这里有几件事
不正确的html结构
<li><a href="#">Foods</li></a>
改成
<li><a href="#">Foods</a></li>
向我们展示 li、a 和 .divider 的样式，其中一个正在使用背景：#809109；
我想你需要删除 li 的填充
.dropdown-menu > li{
padding:0px
}
或者你也可以为 li 添加背景颜色
.dropdown-menu > li{
background-color:#809109;
}
所属网站分类: 技术文章 > 问答
作者：黑洞官方问答小能手
链接：http://www.qianduanheidong.com/blog/article/462001/5d4b4129a78460df2bc6/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力