Wie kann ich die Hintergrundfarbe eines aktiven Links in einem Bootstrap-Dropdown-Menü ändern? ⇐ CSS

[Anonymous]

Ich versuche verzweifelt, die Hintergrundfarbe des Bootstrap 5.3-Dropdown-Menüs zu ändern, dessen Link aktiv ist.
Wenn ich mich auf einer Seite befinde, wird der Menülink für diese Seite in Fettdruck angezeigt, aber wenn diese Seite im Dropdown-Menü enthalten ist, hat der Menülink einen blauen (primären) Hintergrund, der nicht zu meinem Thema passt, und ich würde ihn gerne ändern.
Wenn ich anderen CSS-Code teste, kann ich die Farbe ändern, wenn ich Bewegen Sie den Mauszeiger darüber und wenn ich darauf klicke, aber der Link wird wieder blau, wenn ich auf der Seite bin.
Hier ist mein HTML:

Code: Select all

        [url=index.php]
Title
[/url]




[list]
[*]
[url=index.php]Accueil[/url]

[*]
[url=qui-suis-je.php]Qui suis-je ?[/url]

[*] 
[url=#]
sous-menu
[/url]

[url=allaitement-maternel.php]allaitement maternel[/url]
[/list]

Und mein CSS:

Code: Select all

    .navbar-nav > li > .dropdown-menu a:focus,
.navbar-nav > li > .dropdown-menu a:hover,
.navbar-nav > li > .dropdown-menu a:active {background-color: #FF0000; }

Und hier das Ergebnis, wenn ich über das Menü „Massage bébé“ gehe:
Affichage du menu