包含所有子元素的悬停的CSS
问题描述:
我有一个具有悬停风格的可拖动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 }