如何使用子菜单项删除导航元素周围的蓝色阴影？

Question

我很感激任何帮助。

我经历过风格，找不到导致这个问题的原因;我需要删除悬停在顶部导航菜单元素上时出现的蓝色阴影元素。这仅适用于具有子菜单项的项目，并且只发生在Chrome和Safari中。

以下是问题导航http://www.freedomflooring.co.nz/testing-changes.html

的链接

该网站正在使用Zurb Foundation框架。

<nav class="marketing-topbar">

<div class="desktopMenuWrap ">
    <ul class="dropdown menu" data-dropdown-menu data-click-open="false">

        <li><a href="#">About</a>
          <ul class="submenu menu vertical" data-submenu>

              <li><a href="#">Approach</a></li>
              <li><a href="#">Finance</a></li>

            </ul>
        </li>    
    </ul>      
</div> 


</nav>

Answer 1

您可能正在寻找outline: 0px;，这会在元素聚焦时删除“边框”。我用Chrome测试过，它对我来说效果很好。

有关大纲的更多信息，请参阅https://developer.mozilla.org/en/docs/Web/CSS/outline。