Bonjour,

j'essaie de changer la couleur des liens dans les dropdown-menu mais cela ne fonctionne pas. J'arrive bien à changer la couleur si j'utilise :hover mais je veux que la couleur apparaissent sans hover. Je ne comprend pas pourquoi cela ne veut pas.

voici le css que j'ai :

Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<style>
        .navbar-custom {
            background-color: rgb(114,174,248);
        }
 
            .navbar-custom .navbar-brand,
            .nav.navbar-nav li a {
                color: white !important;
            }
 
        .dropdown-menu {
            background: rgba(114,174,248,0.75);
            color: white;
        }
 
        /* caret */
        .navbar .nav li.dropdown > .dropdown-toggle .caret {
            border-top-color: white;
            border-bottom-color: white;
        }
 
        /*Couleur lors du hover dans le menu dropdown down*/
        .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
            background-color: rgb(66,139,202);
        }
        .dropdown-menu > li > a:hover {
            color: purple !important;
        }
</style>

voici le html :

Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
@<div class="navbar-collapse collapse">
                        <ul class="nav navbar-nav">
                            <li>@Html.ActionLink("Accueil", "Index", "Personne")</li>
                            <li>@Html.ActionLink("Tableau quotidien", "Index", "TableauQuotidien")</li>
                            <li class="dropdown">
                                <a class="dropdown-toggle" data-toggle="dropdown" href="#">Impression<span class="caret"></span></a>
                                <ul class="dropdown-menu">
                                    <li class="nav-item">@Html.ActionLink("Fiche parcours", "IndexImprimeFicheParcours", "Impression")</li>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a class="dropdown-toggle" data-toggle="dropdown" href="#">Glossaire <span class="caret"></span></a>
                                <ul class="dropdown-menu">
                                    <li class="nav-item">@Html.ActionLink("Agents", "Index", "Agent")</li>
                                    <li class="nav-item">@Html.ActionLink("Services", "Index", "Service")</li>
                                    <li class="nav-item">@Html.ActionLink("Connaissances", "Index", "ConnaissanceMDH")</li>
                                    <li class="nav-item">@Html.ActionLink("Connaissances(sous categ)", "Index", "SousCategorieConnaissanceMDH")</li>
                                    <li class="nav-item">@Html.ActionLink("Types résidentiels", "Index", "Habitation")</li>
                                    @*<li class="nav-item">@Html.ActionLink("Types rencontres ""fiche parcours""", "Index", "TypeRencontre")</li>*@
                                    <li class="nav-item">@Html.ActionLink("Types visites ""fiche ARL""", "Index", "TypeRencontreARL")</li>
                                    <li class="nav-item">@Html.ActionLink("Dates de fermeture", "Index", "DateFermeture")</li>
                                    <li class="nav-item">@Html.ActionLink("Liste des couples", "ListeCouple", "Personne")</li>
                                </ul>
                            </li>
                            @*<li class="nav-item">@Html.ActionLink("Statistiques", "Index", "Statistique")</li>*@
                            <li class="dropdown">
                                <a class="dropdown-toggle" data-toggle="dropdown" href="#">Statistiques<span class="caret"></span></a>
                                <ul class="dropdown-menu scrollable-menu">
                                    <li>@Html.ActionLink("1. Fréquentation", "GetFrequentation", "Statistique")</li>
 
                                    <li>@Html.ActionLink("2. Nouveaux ménages par année", "GetNouvMenageAn", "Statistique")</li>
                                    <li>@Html.ActionLink("3. Concentration des services le mardi", "GetConcentrationServiceMardi", "Statistique")</li>
                                    <li>@Html.ActionLink("4. Concentration des services le jeudi", "GetConcentrationServiceJeudi", "Statistique")</li>
 
                                    <li>@Html.ActionLink("5. Nombre d'inscrits par demi-jour ARL et au moins un autre service", "GetNbInscrARLEtAutreSrv", "Statistique")</li>
                                    <li>@Html.ActionLink("6. Nombre d'inscrits par demi-jour à un seul service (mardi)", "NbInscrUnSeulSrvParSrvMardi", "Statistique")</li>
                                    <li>@Html.ActionLink("7. Nombre d'inscrits par demi-jour à un seul service (jeudi)", "NbInscrUnSeulSrvParSrvJeudi", "Statistique")</li>
                                    <li>@Html.ActionLink("8. Nombre de ménages inscrits par an qui ont fréquenté au moins 2 services (même à des jours différents)", "NbInscrMinDeuxServiceParAn", "Statistique")</li>
 
                                    <li>@Html.ActionLink("9. Nombre d'inscrits par an qui ont fréquenté qu’un seul service", "NbInscrUnSeulSrvParAn", "Statistique")</li>
 
                                    @*<li>@Html.ActionLink("Nombre d'inscrits Vus par service par demi-jour (mardi)", "NbInscrVuMardi", "Statistique")</li>
                                        <li>@Html.ActionLink("Nombre d'inscrits Vus par service par demi-jour (jeudi)", "NbInscrVuJeudi", "Statistique")</li>*@
                                    <li>@Html.ActionLink("10. Nombre d'inscrits Partis par service par demi-jour (mardi)", "NbInscrPartiMardi", "Statistique")</li>
                                    <li>@Html.ActionLink("11. Nombre d'inscrits Partis par service par demi-jour (jeudi)", "NbInscrPartiJeudi", "Statistique")</li>
 
                                    <li>@Html.ActionLink("12. Nombre d'inscrits Pas vus par service par demi-jour (mardi am)", "NbInscrPasVuMardiMatin", "Statistique")</li>
                                    <li>@Html.ActionLink("13. Nombre d'inscrits Pas vus par service par demi-jour (mardi pm)", "NbInscrPasVuMardiApMid", "Statistique")</li>
                                    <li>@Html.ActionLink("14. Nombre d'inscrits Pas vus par service par demi-jour (jeudi am)", "NbInscrPasVuJeudiMatin", "Statistique")</li>
                                    <li>@Html.ActionLink("15. Nombre d'inscrits Pas vus par service par demi-jour (jeudi pm)", "NbInscrPasVuJeudiApMid", "Statistique")</li>
 
                                    @*<li>@Html.ActionLink("Nombre d'inscrits Inconnus par service par demi-jour (mardi)", "NbInscrInconnuMardi", "Statistique")</li>
                                        <li>@Html.ActionLink("Nombre d'inscrits Inconnus par service par demi-jour (jeudi)", "NbInscrInconnuJeudi", "Statistique")</li>*@
 
                                    @*<li>@Html.ActionLink("Nombre d'inscrits à plusieurs services par demi-jour ayant vu minimum un service (mardi am)", "NbInscrPlusieursSrvVuMinUnSrvMardiMatin", "Statistique")</li>
                                        <li>@Html.ActionLink("Nombre d'inscrits à plusieurs services par demi-jour ayant vu minimum un service (mardi pm)", "NbInscrPlusieursSrvVuMinUnSrvMardiApMid", "Statistique")</li>
                                        <li>@Html.ActionLink("Nombre d'inscrits à plusieurs services par demi-jour ayant vu minimum un service (jeudi am)", "NbInscrPlusieursSrvVuMinUnSrvJeudiMatin", "Statistique")</li>
                                        <li>@Html.ActionLink("Nombre d'inscrits à plusieurs services par demi-jour ayant vu minimum un service (jeudi pm)", "NbInscrPlusieursSrvVuMinUnSrvJeudiApMid", "Statistique")</li>*@
 
                                    <li>@Html.ActionLink("16. Nombre de ménages inscrits : AIS,CPAS,Logis,ARL", "NbInscrAisCpasLogisARL", "Statistique")</li>
                                    <li>@Html.ActionLink("17. Nombre de ménages inscrits : DAL et politique", "NbInscrDALPol", "Statistique")</li>
                                    <li>@Html.ActionLink("18. Nombre de ménages inscrits par an pour perm prop : Guichet E et AIS propriétaires", "NbInscrProp", "Statistique")</li>
 
                                    <li>@Html.ActionLink("19. Nombre d'inscrits vus, pas vus, partis et inconnus : AIS", "NbInscrVuPasVuPartiAIS", "Statistique")</li>
                                    <li>@Html.ActionLink("20. Nombre d'inscrits vus, pas vus, partis et inconnus : Logement CPAS", "NbInscrVuPasVuPartiCPAS", "Statistique")</li>
                                    <li>@Html.ActionLink("21. Nombre d'inscrits vus, pas vus, partis et inconnus : Logis Tournaisien", "NbInscrVuPasVuPartiLogis", "Statistique")</li>
                                    <li>@Html.ActionLink("22. Nombre d'inscrits vus, pas vus, partis et inconnus : D.A.L.", "NbInscrVuPasVuPartiDAL", "Statistique")</li>
                                    <li>@Html.ActionLink("23. Nombre d'inscrits vus, pas vus, partis et inconnus : Cabinet du Bourgmestre", "NbInscrVuPasVuPartiCabBg", "Statistique")</li>
                                    <li>@Html.ActionLink("24. Nombre d'inscrits vus, pas vus, partis et inconnus : Echevinat du Logement", "NbInscrVuPasVuPartiEchLog", "Statistique")</li>
                                    <li>@Html.ActionLink("25. Nombre d'inscrits vus, pas vus, partis et inconnus : Médiation", "NbInscrVuPasVuPartiMediation", "Statistique")</li>
                                    <li>@Html.ActionLink("26. Nombre d'inscrits vus, pas vus, partis et inconnus : Présidence du Logis Tournaisien", "NbInscrVuPasVuPartiPresiLogi", "Statistique")</li>
                                    <li>@Html.ActionLink("27. Nombre de nouveaux ménages inscrits par source d'informations", "NbMenaConnaissanceMDHParSourceInfo", "Statistique")</li>
                                    <li>@Html.ActionLink("28. Nombre de ménages inscrits selon la situation de logement", "NbMenaTypeHabitation", "Statistique")</li>
                                    <li>@Html.ActionLink("29. Nombre de ménages inscrits selon l'origine géographique", "NbMenageSituationGeo", "Statistique")</li>
 
                                    <li>@Html.ActionLink("30. Taux de la consommation MDH", "TauxConsommation", "Statistique")</li>
                                </ul>
                            </li>
 
                            <li class="dropdown">
                                <a class="dropdown-toggle" data-toggle="dropdown" href="#">Mail <span class="caret"></span></a>
                                <ul class="dropdown-menu">
                                    <li><a id="sendMail" class="handHover">Envoyer mail</a> @*@Html.ActionLink("Envoyer mail", "EnvoiMail", "Mailing")*@</li>
                                    <li>@Html.ActionLink("Envoyer mail selon le type d'habitation", "Index", "Mailing")</li>
                                </ul>
                            </li>
                            <li>
                                @Using (Html.BeginForm("IndexSearch", "Personne", FormMethod.Get, htmlAttributes:=New With {.defaultbutton = "autocompleteSearch", .style = "margin-top:7px;"}))
                                    @Html.TextBox("SearchCit", Nothing, htmlAttributes:=New With {.class = "search form-control", .style = "display:inline-block;max-width:150px;width:100%;"})
                                    @<button class="btn btn-default" type="submit" id="autocompleteSearch" style="height:34px;margin-left:-5px;margin-top:2px;">
                                        <span class="glyphicon glyphicon-search"></span>
                                    </button>
                                End Using
                            </li>
                            @*<li>@Html.ActionLink("Suppression des personnes sans visite depuis 5 ans ou plus", "initInfo", "Personne")</li>*@
                            <li>@Html.ActionLink("Déconnexion", "Disconnect", "Authentication")</li>
                        </ul>
                    </div>
                End If
            </div>
        </div>

Affichage actuel :

Nom : actuel.png Affichages : 918 Taille : 9,6 Ko

Ce que j'aimerai mais sans le hover :

Nom : attendu.png Affichages : 912 Taille : 10,0 Ko

je aimerai donc que cela soit pourpre sans le hover. j'ai betement essayé cela :
Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
.dropdown-menu > li > a {
            color: purple !important;
        }

à la place de cela :
Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
.dropdown-menu > li > a:hover {
            color: purple !important;
        }

Mais cela ne fonctionne pas.

D'avance merci à vous.