Question

此图片应该很好地说明问题:( Fullsize）

正如您所看到的，当涉及边界半径时，Chrome处理边框颜色的方式似乎存在错误。有一个非常明确的截止值，大致是当盒子的纵横比为2：1或更宽时。

你可以想象这会让我的标签系统在Chrome中看起来非常糟糕......

有没有办法解决这个问题？

Answer 1

我还没有完全解决它，但这对评论来说有点大。

单位无关紧要与em，cm等相同。

div.box1 {
 border-radius: 64px;
 border-bottom-left-radius: 0px;
  /* OR 
    border-radius: 64px 64px 0px 64px;
  */
}

可以正常工作（光点一直拉伸），但添加border-bottom-right-radius会再次破坏它

只有border-bottom-XXX-radius之一低于62px，它就会停止。

我不知道这是否有助于找到答案，但希望它会。

Answer 2

很抱歉告诉你，我使用border-radius专用于1种颜色。如果我个人想要这样的边界，我会因为浏览器的不同而对其进行银行背景图像。

我认为这不是您所希望的答案，但您可以将其用作备份;）