默认光标在IE和Mozilla中不起作用

Question

我有一个地图元素和区域为rect

<map name="Map">           
 <area class="showCursor" shape="rect" coords="1,3,10,8">  
</map>

当我将鼠标悬停在该区域并添加了一个类showCursor时，我希望光标是默认的

area.showCursor {
    cursor: default;
}

现在这是在chrome中显示默认光标，但在IE和Mozilla上它显示了手。

如何在所有浏览器中设置默认光标。

Answer 1

这可能对您有所帮助

<img usemap="#Map" src="yourimagesource" height="120" width="100" />
<map name="Map">           
 <area shape="rect" coords="0,0,120,100" href="#" alt="Sun" class="crossbar">
</map>

area.crossbar{
    cursor: default;
    display:block;
}

Answer 2

希望这个CSS能够运作

area(Your Class name) {
    cursor: pointer;
}

或者你也可以试试这个

area(yuor class name){
    cursor:auto;
}