包含所有子元素的悬停的CSS [英] CSS for hover that includes all child elements

问题描述

我有一个具有悬停风格的可拖动div元素。这工作正常，但div包含一些表单元素（标签，输入）。问题是当鼠标移到这些子元素上时，停用鼠标悬停。

I have a draggable div element with a hover style. This works fine, but the div contains some form elements (label, input). The problem is that when the mouse is over these child elements the hover is disabled.

<div class="app_setting">
  <label">Name</label>
  <input type="text" name="name"/>
</div>

.app_setting:hover {
  cursor:move;
}

推荐答案

.app_setting *:hover { cursor:move }

这篇关于包含所有子元素的悬停的CSS的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！