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
Post a Comment