Liferay 样式导航栏下拉链接

Question

我正在制作一个 Liferay 主题，但我在尝试设计导航菜单的样式时遇到了很多麻烦。我已经为那些不是下拉菜单的导航链接更改了经典主题悬停功能：

.aui #navigation .nav li.open>a{
    background-color: orange;
    color: #005373;
}

这实际上工作正常。但我无法设置这些下拉链接的样式...试了一下：

1:

.aui #navigation .navbar-inner li:hover a.dropdown-toggle {
    background-color: red;
}

2:

.aui #navigation .navbar-inner li.open> .dropdown-toggle {
    background-color: green;
}

3:

.aui #navigation .navbar-inner li:hover.dropdown-toggle {
    background-color: yellow;
}

4:

.aui #navigation .navbar-inner li:hover .dropdown-toggle active {
    background-color: blue;
}

Answer 1

好吧，作为部分解决方案，如果您发现自己处于相同情况（尝试在 <li> 悬停事件中为 <a class="dropdown-toggle"> 背景着色，并且您选择继承经典）最好我可以给你的建议是：

只需让 <a class="dropdown-toggle"> 元素填充 <li> 元素，添加足够的填充。

Liferay styling navbar dropdown links