css - 下拉鼠标悬停问题

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>