Dropdown Maus Mouse Hover Probleme

Question

Ich habe einen Stil, wo bestimmte Elemente eine Hover-Funktion haben, um den Mauszeiger zu ändern. Wenn ein Auswahl-Dropdown-Menü vorhanden ist, greift der Mauszeiger immer noch auf die Elemente hinter der Drop-Down-Hover-Funktion zu. Kann ich die Hover-Funktionalität von irgendetwas hinter meinen ausgewählten Optionen blockieren?

Danke

Beispiel:

Hintergrundelement:

[disabled].form-control, fieldset[disabled] .form-control{ 
    cursor: not-allowed; 
} 

Answer 1

Sie können versuchen, es auszuschließen, mit

.parent :not(.your_dropdown):hover { 
    hover effect of your other elements 
} 

aber es braucht ein Elternteil, sonst alles schwebt XD

<div class="parent"> 
    <div class="your_dropdown"></div> 
    <div class="your other hover content"></div> 
</div>