Question

我正在构建一个隐藏的对象游戏。我似乎无法阻止光标变成一只手（无论如何都是镀铬），这几乎违背了隐藏物体的目的。我已经在这上面阅读了很多stackexchange帖子，但对我来说都没有用。下面是我尝试过的地图之一和一些内容，一些内联，一些CSS。

当我点击其中一个多边形时，我也遇到蓝色轮廓的问题，但是应该把它作为一个单独的问题。请协助。

这是实际的游戏页面 - Game page

    <map name="m__r3_c7" id="m__r3_c7">
<area shape="poly" coords="28,91,52,93,70,89,71,74,82,67,80,52,70,40,55,28,47,30,29,31,20,21,5,9,-6,0,-27,10,-10,19,-18,20,-9,44,2,61,3,68,20,73,29,76" style="cursor:default" href="javascript:;" alt="" onclick="MM_nbGroup('down','navbar10','n_r3_c6','images/_r3_c6_s4.jpg','n_r3_c7','images/_r3_c7_s4.jpg',1);"  />
</map>

我试过

area {
cursor: default; 
display:block;
}

javascript:void(0);

javascript:void(null)

style="cursor:default"

Answer 1

这来自href="javascript:;。只需从<area>元素中删除它，您就可以了。

Answer 2

要从多边形中删除轮廓，您需要在css中添加outline :0;

示例：

area, area:focus {
outline: 0;
}

光标在区域中保持指针

2 个答案: