0

だから私はこのようなドロップダウンのあるメニューを持っています：

http://slypaste.org/KmsRuS4k

リンクを申し訳ありませんが、stackoverflowhtmlシステムで運がないだけです。

したがって、ドロップダウンメニューは、ドロップダウンで見苦しいボタンと同じスタイルになります。私はそのliスタイルにクラスを追加しようとしましたが、それでもそれを点火しました

これが、ドロップダウンのホバーカラーとbgを作成するものです。

http://slypaste.org/5Kxv43WS

私は知っていることをすべて試しましたが、それでも機能しません。

標的：

メニューのドロップダウンの色とリンクを他のメニューとは完全に異なって見えるようにします。

ライブデモ：

http://justxp.plutohost.net/testing/index.html

ご覧のとおり、基本的にはメニュークラスから境界線を取得します。

ありがとう。

4

2 に答える 2

2

上記のコメントで提案されているjzachariaのようにそれを行うことができます：

CSS

CSSファイルで、次のように変更します。

.menu a
{
    ....
}

.menu a:hover
{
    ....
}

これに：

.menu a.title
{
    ....
}

.menu a.title:hover
{
    ....
}

HTML

そして、HTMLは次のようになります。

<ul class="menu">
    <li class="current"><span style="color:#bde2e1;">Home</li>
    <li class="dropdown">
        <a id="drop4" role="button" data-toggle="dropdown" href="#" class="dropdown-toggle title">Dropdown <b class="caret"></b></a>
        <ul id="menu1" class="dropdown-menu" role="menu" aria-labelledby="drop4">
            <li><a tabindex="-1" href="#">Action</a></li>
            <li><a tabindex="-1" href="#">Another action</a></li>
            <li><a tabindex="-1" href="#">Something else here</a></li>
            <li class="divider"></li>
            <li><a tabindex="-1" href="#">Separated link</a></li>
        </ul>
    </li>
    <li class="hovering"><a href="#" class="title">Portfolio</a></li>
    <li class="hovering"><a href="#" class="title">Releases</a></li>
    <li class="hovering"><a href="#" class="title">Contact</a></li>
</ul>
于 2012-08-23T20:49:15.453 に答える
0

.dropdown-menu a {背景：なし; }

.dropdown-menu{
    background-color: to what you want!
    padding:none;
}

.dropdown-menu a {
    color: to what you want!
}

.menu a {
    border-radius:none;
    box-shadow:none;
}

それで始めるべきですか？

于 2012-08-23T20:48:50.163 に答える