为什么chrome在设置了盒子内部阴影时会忽略边框半径？

Question

在chrome和firefox中查看此内容：http://jsbin.com/imuxe3

如您所见，它在firefox中渲染得很好，但在使用-webkit-border-radius模式添加-webkit-box-shadow时，chrome会忽略inset CSS规则。

有人可以为此解释/获得解决方案吗？

由于

Answer 1

这似乎是Chrome中的一个错误。但是，您可以通过定义简单边框来使用变通方法：rule。

有关详细信息，请参阅： http://code.google.com/p/chromium/issues/detail?id=29427

Answer 2

I wondered about this recently, myself

虽然现在在my button查看Chrome dev，但它已修复。

因此，您必须等待修复@mightyuhu提到的问题才能推送到Chrome的稳定版本。