CSS Div边框即使隐藏也会显示

我目前正试图在网页上复制蜡烛效果。 结果如下：

HTML

<div id="light"></div>

正如您所看到的，我的背景光仍然有一个小边框，尽管我以前将其设置为“无”。 我似乎想不出如何移除它

---

谢谢。

添加到

#light

css

filter:blur（4px）
我添加了一个
过滤器：模糊（10px）因为4px还不够，但它可以工作，谢谢。知道它为什么会这样吗？@user3660134阴影的渲染是一件了不起的事情。非常不稳定我的猜测是这是背景和盒影的不透明度的倍增。你可以用径向渐变
#light {
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: none;
    position: absolute;
    background-color: rgba(255, 165, 0, 0.5);
    -webkit-box-shadow: 0 0 52px 52px rgba(255, 165, 0, 0.5);
    -moz-box-shadow: 0 0 52px 52px rgba(255, 165, 0, 0.5);
    box-shadow: 0 0 52px 52px rgba(255, 165, 0, 0.5);
    animation-name: lightFlicker;
    animation-duration:3ms;
    animation-delay:200ms;
    animation-timing-function: ease-in;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    z-index: 10;
}