下拉鼠标悬停问题

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>