jquery - 移除两个导航项之间的阴影

Question

我试图创建一个导航菜单，但有一个问题。

这就是我的 HTML：

<div id="navigation">
  <ul>
    <li class="active"><a href="#">fd</a></li>
    <li><a href="#">vc</a></li>
    <li><a href="#">ew</a></li>
    <li><a href="#">ds</a></li>
    <li><a href="#">vcx</a></li>
    <li class="active"><a href="#">re</a></li>
  </ul>
</div>

CSS 文件在 codepen 项目上，因为它太大了。问题在于两个最接近的菜单项，其中一个处于活动状态，另一个处于应用悬停状态。怎么可能修复它？我的意思是消除它们之间的阴影。

http://cdpn.io/asjde

Answer 1

如果您希望导航中没有框阴影，只需从您的 CSS 中删除它即可消除导航上的阴影。

box-shadow: inset -4px 0 7px -5px black, inset 4px 0 7px -5px black;