css - 带有 Display:Table 的元素上 Chrome 浏览器中的边框半径错误

Question

我在 chrome 浏览器中有边框半径的错误。
使用边框样式虚线属性和边框半径设置样式的元素，如 display:table;，背景颜色超过边框的限制。

它在 chrome 中的外观：

实时链接：Chrome 虚线边框半径问题

Answer 1

添加背景剪辑：填充框；到你的 .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