我正在制作一个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;
}
答案 0 :(得分:0)
好吧,作为一个部分解决方案,如果你发现自己处于相同的情况(尝试在<a class="dropdown-toggle">
悬停事件中设置<li>
背景颜色,并且你选择继承经典)最好的建议我可以给你的是:
只需让<a class="dropdown-toggle">
元素填充<li>
元素,添加enought padding。