html - 移除 Foundation 6 下拉箭头
问题描述
我无法使用我在网上找到的任何方法删除菜单上的下拉箭头。这是菜单,我对Foundation不太熟悉,所以我怀疑我的菜单错了。可以在此处找到草稿。感谢你给与我的帮助。
<div class="row show-for-medium">
<div class="column large-12">
<div class="title-bar-left">
<img src="assets/img/ties_logo_header.jpg" class="site-logo"/>
</div>
<div class="title-bar-right" data-responsive-toggle="main-menu" data-show-for="medium"></div>
<div class="top-bar" id="main-menu">
<ul class="dropdown menu align-right" data-responsive-menu="medium-accordion">
<li><a href="#">About Us</a></li>
<li><a href="#">Our Team</a></li>
<li class="active"><a class="menu-item" href="#">Our Services</a></li>
<li><a href="#">News & Resources</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Dropdown</a>
<ul class="vertical menu is-dropdown-submenu-parent" style="position:absolute;z-index:10;">
<li><a href="#">Item 1A</a></li>
<li><a href="#">Item 1B</a></li>
<li><a href="#">Item 1C</a></li>
<li><a href="#">Item 1D</a></li>
<li><a href="#">Item 1E</a></li>
</ul>
</ul>
</div>
</div>
</div>
我能找到的唯一 css 修复程序,但没有奏效:
.dropdown.menu .is-dropdown-submenu-parent.is-down-arrow > a::after {
content: none !important; }
.dropdown.menu .is-dropdown-submenu-parent.is-left-arrow > a::after {
content: none !important; }
.dropdown.menu .is-dropdown-submenu-parent.is-right-arrow > a::after {
content: none !important; }
解决方案
.is-dropdown-submenu-parent > a:after {
display:none!important;
}
推荐阅读
- sql - SQL group by 连接查询结果的字符串
- c - 您是否曾经将 MAX44009 传感器与 uC 接口?
- javascript - JavaScript 代码执行序列,EventListener 之外的语句/代码如何工作?
- awk - 如何使用 awk 在 txt 文件的第一行末尾添加逗号
- octobercms - 关于要求、控制器
- javascript - 替换javascript数组中的月份
- r - 使用 plotlyProxyInvoke 组合闪亮的情节动画时轴重置
- php - 将 URL 参数从 php 脚本传递到 bash
- augmented-reality - 8th wall web app setup子编译失败
- linux-kernel - 在 Linux Kernel 中添加一行