带边框轮廓的圆形边框半径仅在页面加载时显示为正方形？

Question

我创建了三个圆圈，用于图像滑块上的点控制/分页。出于某种原因，在Chrome中的页面加载中，它们始终首先显示为正方形而不是圆形。与他们互动后，他们会转向圈子。如何在页面加载时将它们设置为圆圈？ （如果我只是用他们工作的背景填充圆圈，并且在页面加载时是圈子，但我希望它们在页面加载时被勾勒出圆圈）

有什么想法吗？谢谢！

.flex-control-paging li a {
   display: block;
   cursor: pointer;
   text-indent: -9999px;
   margin: 0 8px;
   height: 8px;
   width: 8px;
   border-radius: 50%;
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
   border: 2px solid #b6b6b6;   
}

Answer 1

感谢帮帮！我弄清楚问题是什么，但我不太明白为什么。我添加了一个溢出的点，这照顾边界显示为一个正方形而不是像我想要的页面加载一样的圆圈。

overflow: hidden;

Answer 2

我不确切地知道你的意思。

但我认为问题是滑块的html通过ds或页面加载事件上的js动态创建，所以css应用了一些延迟。

使用右键单击＆gt;查看源来检查您网页的源代码，以确保。

尝试在滑块容器后立即调用滑块插件，而不是在页面末尾调用。