css - Display:Table を使用した要素での Chrome ブラウザの境界半径のバグ

Question

Chrome ブラウザーの境界線の半径にバグがあります。
border-style dashed プロパティと border-radius でスタイル設定され、display:table; としてスタイル設定された要素。背景色が境界線の制限を超えています。

クロムでどのように見えるか：

ライブ リンク: Chrome の破線の境界半径の問題

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