javascript - Cannot apply cursor pointer on a container div -


i need use cursor:pointer; on wrapper div id=a, when user moves cursor on or b, cursor set default.

i need instead force cursor:pointer; on element inside wrapper div , b.

i have tried use z-index no success.

any work around? (i need css solution if possible) thank much.

<div id="a" style="width:200px; height:200px; background-color:yellow; cursor:pointer; z-index: 100;">     <div id="b" style="width:50px; height:50px; background-color:blue; cursor:auto;">      b    </div>    <div id="c" style="width:50px; height:50px; background-color:orange; cursor:auto;">      c    </div>  </div>

use inherit instead of auto

<div id="a" style="width:200px; height:200px; background-color:yellow; cursor:pointer; z-index: 100;">     <div id="b" style="width:50px; height:50px; background-color:blue; cursor:inherit">      b    </div>    <div id="c" style="width:50px; height:50px; background-color:orange; cursor:inherit;">      c    </div>  </div>


Comments

Popular posts from this blog

php - Vagrant up error - Uncaught Reflection Exception: Class DOMDocument does not exist -

vue.js - Create hooks for automated testing -

.htaccess - ERR_TOO_MANY_REDIRECTS htaccess -