kleur hover drop down menu

[rob1970]

Ben bezig met deze website: www.met-rob.com/butler

Bij de mobiele weergave is het actieve menupunt en de "hover" nu paars. (#651b88)
Dit is niet lekker leesbaar.

Ik heb dit in de css code volgens mij goed aangepast naar een licht groene kleur (#b4d366)

Zie in code helemaal onderaan.

Maar hij blijft het paars weergeven.

.navbar-nav .open .dropdown-menu {
		width: 100%;
		margin: 0 auto;
		text-align:center;
		background-color: rgb(255, 255, 255);
		border-radius: 0;
	}
	.navbar-nav {
    float: none !important;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    background-color: rgba(73, 73, 73, 0.03) ! important;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
}
nav#cl-effect-15 ul li {
    display: block;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    margin-left: 0em;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    color: #b4d366 !important;
}

 

[Aar]

Heb je al in de gekeken naar Inspect Element in je browser?

 

[rob1970]

ja. hij gaf eerst css regel 2701 aan.

maar heb inmiddels verder zitten zoeken en kwam uit bij regel 251

is inmiddels opgelost

 

[bron]

Ha, Bootstrap Gebruik liever geen !important, tenzij het niet anders kan. Als je geen verschil ziet dan is de css niet specifiek genoeg. Wat is de id van de <div class=collapse ?

Gebruik je Bootstrap 3, 4 of 5 ?
Bijvoorbeeld bij dropdown in Bootstrap 4 is er geen li

Update: Bootstrap v3.3.4