Chrome浏览器中的边界半径Bug与显示的元素：表

Question

我在Chrome浏览器中遇到了边框半径错误 一个元素，使用边框样式的虚线属性和border-radius设置样式，并显示为：table;，背景颜色超出边框的限制。

它在chrome中的外观：

Live link: Chrome dashed border-radius issue

Answer 1

添加background-clip：padding-box;到您的.box类

http://codepen.io/anon/pen/nBzye

https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip?redirectlocale=en-US&redirectslug=CSS%2Fbackground-clip