您可以在此处查看实施:
在Mac上的FireFox中,该圆圈为圆形/实心。我想要它破折或点缀。
甚至更奇怪的是,相同的属性(即border: 4px dashed #000
)在HR上工作正常。那么为什么在涉及border-radius时它不起作用呢?
这对我来说太奇怪了。
答案 0 :(得分:5)
It's a bug,WebKit也有类似的问题,但它是fixed in June。 Here are all the other outstanding border-radius defects in Firefox
答案 1 :(得分:0)
你的圈子太小了。如果增加高度和宽度,您会注意到形状扩展为圆角矩形,圆角边缘保持不变,但线条变为虚线。
答案 2 :(得分:0)
它是一个Firefox错误。通常,您必须创建实线边框或删除半径。但是如果两个属性都很重要,那么你可以用这样的图像替换角落:http://eblog.foysalremon.com/dashed-border-radius-corners-rendered-as-solid-on-firefox-solved/