<p>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.</p>

<pre><code>&lt;div class="app_setting"&gt;
  &lt;label"&gt;Name&lt;/label&gt;
  &lt;input type="text" name="name"/&gt;
&lt;/div&gt;

.app_setting:hover {
  cursor:move;
}
</code></pre>

<p>Any ideas how to get the hover to apply also to the child elements?</p>

```
```
.app_setting *:hover { cursor:move }
```
```