html - 如何从引导程序的下拉菜单中删除边框?
问题描述
我从引导程序中复制并粘贴了一个下拉菜单,然后开始搞乱它。我首先复制了下拉菜单是按钮的那个,然后我将其更改为带有锚标签的那个。当我将它从按钮更改为锚点时,这些边框刚刚出现,我无法让它们消失。我几乎尝试了一切。
<div class="d-flex flex-column flex-md-row justify-content-center pb-3 px-md-4 mb-0 bg-white border-bottom box-shadow">
<div class="btn-group">
<div class="dropdown">
<a href="#" onclick="loadPage('Crabs')" class="btn btn-secondary dropdown-toggle ml-3 mr-3 navbartext" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Link
</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenu2">
<a class="dropdown-item" href="#" onclick="gotoDetail('cr01')">Medium Soft Shell Crabs</a>
<a class="dropdown-item" href="#" onclick="gotoDetail('cr02')">Hotel Soft Shell Crabs</a>
<a class="dropdown-item" href="#" onclick="gotoDetail('cr03')">Prime Soft Shell Crabs</a>
<a class="dropdown-item" href="#" onclick="gotoDetail('cr04')">Jumbo Soft Shell Crabs</a>
<a class="dropdown-item" href="#" onclick="gotoDetail('cr05')">Whale Soft Shell Crabs</a>
<a class="dropdown-item" href="#" onclick="gotoDetail('cr06')">Crab Meat</a>
</div>
</div>
</div>
</div>
#dropdownMenu2 {
background-color: #ffffff;
color: #4d4d4d;
}
.dropdown-menu {
text-transform: capitalize;
}
/* Removes caret from dropdown menu button */
.dropdown-toggle::after{
display: none;
}
.dropdown:hover .dropdown-menu{
display: inherit;
}
解决方案
所以我在 Codepen 上渲染了你的代码。
看起来您只需.border-bottom
要从父 div 中删除该类。
那应该这样做。
推荐阅读
- apache-kafka - 只有在每个分区的副本上写入成功时,对 Kafka 主题的写入才会成功?
- c - next 返回 NULL 后 seq_file 无法正常工作
- python - 如何在撤消历史记录中仅创建一项时替换 QLineEdit 中的文本?
- sql - 为什么 oracle isqlplus localhost 没有在我的浏览器中打开?
- c# - 基于类方法的 C# 构造函数模式
- delphi - 完成 Delphi 应用程序后,如何确保删除 BDE *.MB 文件?
- docker - 集群上的 Confluent 控制中心
- sql - 过滤 SQL 查询字符串以禁止写入
- sql - 更改数值列以降低精度
- python-3.x - 在 Ubuntu 中使用 Python 读取目录中的所有文件是完全无序的吗?