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);
}

2番目のオプション：

<style>あなたはタグの下であなたのページにこのcssを書くことができます

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

.nav li a 
{
  border:none;
}

これにより、外部のcssプロパティが上書きされ、ホバーするとそのサブメニューが削除されます。

于 2013-03-17T20:48:24.943 に答える