如何在css:：after选择器中围绕圆绘制圆？

我有一个半径边界为50%的简单div。它看起来像一个圆。当悬停这个圆圈时，我需要在它周围显示一个更大的圆圈，颜色不同。下面的图片显示了我正在寻找的渲染类型：

因为我使用的是滑块库，所以可能需要在悬停中使用：：after选择器。你会怎么做

我的代码：

#内圈{
位置：绝对位置；
左边距：-8px；
利润上限：-6.5px；
宽度：16px；
高度：16px；
光标：指针；
边界半径：50%；
边框：实心2倍绿色；
背景颜色：绿色；
}
#内圈：：后{
内容：“；
边界半径：50%；
高度：24px；
宽度：24px；
位置：相对位置；
盒影：0 24px橙色；
}

您可以使用框阴影来获得相同的效果，只需使用悬停在悬停时显示框阴影即可。rgba（135206235，0.3）=>这里0.3是外圆的不透明度

。用鼠标悬停旋转{
宽度：30px；
高度：30px；
背景：天蓝色；
边界半径：50%；
光标：指针；
过渡：.3s；
保证金：0自动
}
.使用鼠标悬停旋转：鼠标悬停{
盒影：013pxRGBA（135206235，0.3）；
}

到目前为止，您尝试了什么？你能分享你的代码吗？你使用什么库？@julien rc slider@95faf8e76605e973我的css不起作用，所以它是无用的。这个问题将被否决，因为OP似乎没有努力解决这个问题（即，没有显示当前代码）。因此，这看起来更像是一份自由职业，而不是一个堆栈溢出问题。朋友，请看这里：非常感谢！我尝试了长方体阴影，但它从未正确居中，其边界消失，而不是保持锐利。你的解决方案是完美的！