在我的网站我使用svg元素.有时我需要他们可点击,所以我想要指针光标在他们.
但是添加css类或样式
cursor: pointer;
不行.
这是示例元素
<object id="male2" type="image/svg+xml" data="course/ani/male2.svg" style="left: 87px; bottom: 56px;" es-character="male2"></object>
解决方法
正如AmeliaBR的评论所示,您应该在SVG< object> 除非您的SVG非常简单,否则您可能会遇到同样的问题：只有当您将鼠标悬停在SVG中的一个形状上时,才能看到指针,而不是在形状之间. (在某些情况下,您可能需要这种行为,但对于一个单词,例如,您通常希望整个矩形可以单击,而不只是单个字母.) 要使整个矩形可点击,请添加svg {cursor：pointer; }.如果您只想要特定元素可点击,请按类别命名：
<svg ...>
<style>
svg { cursor: pointer; } /* whole rectangle */
/* OR */
.element-name { cursor: pointer; } /* specific elements */
</style>
...
</svg>
