Select 设置动画时，opera和边框半径选择箭头显示在外部时出现问题

在此处查看示例：

问题只出现在狩猎中

在safari上查看页面时，链接箭头会在旋转圈外弹出一个链接。 在firefox上，选择光标正好在边框上变化

我认为问题在于safari允许选择边界半径以外的区域。。。不确定

我的代码如下所示：

@keyframes spincounterclockwise {
0%   {transform: rotate(360deg); -o-transform: rotate(360deg);}
100% {transform: rotate(0deg); -o-transform: rotate(0deg);}
}

#circle {
width: 350px;
height: 350px;
animation: spincounterclockwise 2s linear 0s infinite normal;
background: black;
border-radius: 175px 175px 175px 175px;
overflow: hidden;
margin-left: -175px;
margin-top: -175px;
top: 50%;
left: 50%;
position: fixed;
}

<a href="link location"><div id="circle"></div></a>

@关键帧逆时针旋转{
0%{变换：旋转（360度）；-o变换：旋转（360度）；}
100%{变换：旋转（0度）；-o变换：旋转（0度）；}
}
#圈{
宽度：350px；
高度：350px；
动画：逆时针旋转2s线性0s无限法线；
背景：黑色；
边界半径：175px 175px 175px 175px；
溢出：隐藏；
左边距：-175px；
利润上限：-175px；
最高：50%；
左：50%；
位置：固定；
}

我会再考虑一下

我认为这在大多数使用的浏览器中不起作用，f.e.Opera12.9和IE 10.0不旋转。 正如您所说，有时光标不会正确更改

您是否考虑过将该标志实现为css3样式的带边界半径的矩形？ （我看不出您是否使用了图像或其他东西来显示它）

---

或者你至少可以提供更多的代码，因为你的问题中肯定有一些遗漏

您可以在这里查看我当前的开发示例：我已经修复了代码，以便IE用户获得另一个flash动画。该标志被实现为一个css样式的矩形，带有边框半径。当webkit中为一个div指定了边框半径时，该div在边框半径之外仍然是可选择的。让我知道需要什么额外的代码。我只需要在webkit、firefox和opera上使用这个，我的opera上的动画对我有用这里是我的版本信息：版本12.15构建1748平台Win32系统Windows 7我来看看，我使用的是相同的opera构建，但在Windows 8上我找到了这篇文章，我正在将其作为一个复杂的javascript解决方案来处理。。。如果有人知道一个更容易的工作，请让我知道！