Liferay造型导航栏下拉链接

时间:2015-05-25 11:10:10

标签: css twitter-bootstrap liferay

我正在制作一个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;
}

1 个答案:

答案 0 :(得分:0)

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

只需让<a class="dropdown-toggle">元素填充<li>元素,添加enought padding。