Html 拆卸基座6下拉箭头

Html 拆卸基座6下拉箭头,html,css,navigation,zurb-foundation,Html,Css,Navigation,Zurb 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="sit

我无法使用在线找到的任何方法删除菜单上的下拉箭头。这是菜单,我不是很精通基础,所以我怀疑我的菜单错了。可以找到草稿。谢谢你能给我的任何帮助

<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 &amp; 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:

<style>
.is-accordion-submenu-parent[aria-expanded="true"] > a::after{
  display: none;
}
</style>

.手风琴子菜单是否为父菜单[aria expanded=“true”]>a::after{
显示:无;
}

我还必须在{display:none;
<style>
.is-accordion-submenu-parent[aria-expanded="true"] > a::after{
  display: none;
}
</style>
.is-dropdown-submenu-parent > a:after {
    display:none!important;
}