Dropdown Mouse懸停問題

Question

我有一種風格，某些元素具有懸停功能來更改鼠標光標。當存在選擇下拉菜單時，鼠標光標仍會選擇下拉懸停功能後面的元素。我可以阻止我的選擇選項後面的懸停功能嗎？

謝謝

例子：

背景元素：

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

Answer 1

，你可以嘗試用

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

排除它，但它需要一個父否則一切徘徊XD

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