Question

我正在尝试仅在菜单下降的部分更改文本的颜色。更改字体颜色时的问题是它改变了整个菜单的字体颜色，而不仅仅是导航的下拉部分。

我提前道歉，因为我使用HTML工作了很多年，而且我非常生疏。

这里的代码：

$(window).dblclick(function() {
    var selected = getSelected();
    if (selected!="") {
        calldictionary(selected);
        var completedURL = "http://www.dictionary.com/browse/" + selected;
        pageMod.port.emit("getWord", selected);
        $('#define').dialog("open");
        dictionaryRef.contentURL = completedURL;
    }
});



function getSelected() {
    if (window.getSelection) {
        return window.getSelection().toString();
    } else if (document.selection) {
        return document.selection.createRange().text;
    }
    return '';
}

Answer 1

试试这个

#mbt-menu li ul li > a {
    color: // your colour here;
}

Answer 2

#mbt-menu a {
float: left;
padding: 10px 25px;
color: #FFFFFF;
text-transform: uppercase;
font: bold 12px Arial, Helvetica;
text-decoration: none;
text-shadow: 0 1px 0 #000;
}

这部分css是导致问题的部分。您将任何链接作为菜单的一部分设置为白色，即使是不属于子菜单的链接也是如此。

您可以将color: #ffffff移出，然后执行

#mbt-menu li ul a{
color: #FFFFFF;
}

这会找到属于菜单中属于子列表的所有a标记，并将颜色设置为白色。

Answer 3

这是修复

的方法

#mbt-menu ul a {
   color:coral; //change any color here
}

DEMO

html菜单更改仅下拉文本颜色

3 个答案: