граница 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;
}