Chrome doesn't render box-shadow and border-radius properly,when both are applied,is there a fix for this?

I applied box-shadow and border-radius proper开发者_运维知识库ty to a input box , here are the effects in chrome and firefox,

Is there a fix for this?

This was a known bug fixed about 2 weeks ago in Chromium dev channel http://paulirish.com/2011/chrome-inset-box-shadow-bug-fixed/

are you using -webkit-box-shadow to target webkit browsers (chrome, safari and others)?

see: http://www.css3.info/preview/box-shadow

You can use Nightly Chrome Updater extension for chrome, to download latest version of browser (containing fix for this bug).

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

You can download it as a zip file too, thus not requiring to install it , and not messing around installed version.