边框0仍在Firefox中留下黑色圆圈

Question

我有一个类似的圆圈

    margin:200,
    height: '10px',
    width: '10px',
    backgroundColor: '#000000',
    borderRadius: '50%',
    border:'0',
    display: 'inline-block',
    box-shadow: '0px 0px 10px 80px #000'

我将边界设置为0，但仍然有一个黑色圆圈。我该如何删除？

“无”或“隐藏”都不起作用

这只是在Firefox，Chrome和Safari中不错的一个问题

可以在此处找到一个实时示例。如果您在Firefox中将其打开，则会在中心附近看到一个圆圈。 Chrome或Safari中没有发生这种情况。 https://codepen.io/jianyi-ren/pen/MqzdjP

Answer 1

这是firefox的渲染问题。在孩子周围使用假父母解决此问题。检查工作码笔https://codepen.io/anon/pen/KxrLGb

#fakediv {
   width: 100px;
   height: 100px;
   margin: 100px;
   background-color: #888888;
}