0

所以我有一个像这样的下拉菜单：

http://slypaste.org/KmsRuS4k

对不起，链接，我只是从来没有运气与stackoverflow html系统..

因此，下拉菜单与下拉菜单中看起来很丑的按钮具有相同的样式。我尝试在其 li 样式中添加一个类，但它仍然忽略它

这就是使悬停颜色和下拉菜单的背景：

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 回答