google-chrome - Chrome は box-shadow と border-radius を適切にレンダリングしません。両方が適用されている場合、これに対する修正はありますか?

Question

入力ボックスに box-shadow と border-radius プロパティを適用しました。これが chrome と firefox での効果です。

これに対する修正はありますか？

Answer 1

これは、Chromium dev チャンネルhttp://paulirish.com/2011/chrome-inset-box-shadow-bug-fixed/で約 2 週間前に修正された既知のバグです。

Answer 2

-webkit-box-shadow を使用して Webkit ブラウザー (chrome、safari など) をターゲットにしていますか?

参照: http://www.css3.info/preview/box-shadow

Answer 3

Chrome 用の Nightly Chrome Updater 拡張機能を使用して、最新バージョンのブラウザー (このバグの修正を含む) をダウンロードできます。

https://chrome.google.com/extensions/detail/akabngbddgpigiemjhkblleffkbpmpfc

zip ファイルとしてダウンロードすることもできるため、インストールする必要がなく、インストール済みのバージョンをいじることもありません。