我的下拉菜单的背景颜色有点问题。我将悬停时的背景颜色更改为橙色。但是,如果我转到该下拉列表中的任何子菜单,父项的颜色将变为默认蓝色。不知道怎么解释比较好,我就放一张图吧:
因此,只要我将鼠标悬停在子项上,父背景颜色就会变为蓝色。我试图为此做一个选择器,但没有想法。请问有什么帮助吗?
我的下拉菜单的背景颜色有点问题。我将悬停时的背景颜色更改为橙色。但是,如果我转到该下拉列表中的任何子菜单,父项的颜色将变为默认蓝色。不知道怎么解释比较好,我就放一张图吧:
因此,只要我将鼠标悬停在子项上,父背景颜色就会变为蓝色。我试图为此做一个选择器,但没有想法。请问有什么帮助吗?
我认为你需要这样的东西来确保所有的 CSS 选择器都被覆盖......
/* change background color on hover */
.dropdown-submenu > a:focus, .dropdown-submenu > a:hover, .dropdown-submenu:focus>a, r, .dropdown-submenu:hover>a,
.dropdown-menu > li a:hover,
.dropdown-menu > li a:focus { background-color: orange; background-image: none; filter: none; text-decoration: none; border: none; }