0

这个页面的顶部导航是我正在处理的：http ://www.envisionforce.com/newsletter/

出于某种原因，当您将鼠标悬停在我需要从该页面中删除的导航上时，会显示一个下拉菜单。

这是用于顶部导航的代码：

<div class="menu-main-menu-container"><ul id="main_menu" class="nav"><li id="menu-item-22" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-22"><a href="http://www.envisionforce.com">HOME</a></li>
<li id="menu-item-1966" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1966"><a href="http://www.envisionforce.com/build">SERVICES</a></li>
<li id="menu-item-2160" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2160"><a href="http://www.envisionforce.com/seo-resellers/">RESELLERS</a></li>
<li id="menu-item-2159" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2159"><a href="http://www.envisionforce.com/affiliate-program/">AFFILIATES</a></li>
<li id="menu-item-19" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-19"><a href="http://www.envisionforce.com/contact-us/">CONTACT</a></li>
</ul></div>

我真的很想远离编辑 CSS 文件本身。有什么办法可以在上面的代码中使用内联 CSS 解决这个问题？如果不可能，在 CSS 文件中修复它的解决方案将非常受欢迎:)

4

1 回答 1

0

您需要从 CSS 中删除以下属性

.nav li a:hover {
    background: none repeat scroll 0% 0% rgb(0, 0, 0);
}

.nav li a 
{
  border-left: 1px solid rgb(22, 45, 61);
  border-right: 1px solid rgb(35, 56, 71);
}

第二种选择：

您可以在<style>标签下的页面上编写此 CSS

.nav li a:hover
{
  background: none;
  border: none;
}

.nav li a 
{
  border:none;
}

这将覆盖您的外部 css 属性，并将在悬停时删除该子菜单。

于 2013-03-17T20:48:24.943 回答