html - outline property of input control doesn't respect border-radius -


i have input field border-radius , when it's in focus outline appears has rectangular property. i'm using chrome. bug? don't want remove outline want respect border-radius.

no unfortunately not possible keep outline respecting border-radius in browsers. instead easier remove outline outline: 0; , adding custom border or box-shadow css on focus.

example:

input[type="text"] {  outline: none; }    input[type="text"]:focus {  box-shadow: 0 0 3px blue; } 

(http://jsfiddle.net/3cggr/)


Comments

Popular posts from this blog

Android layout hidden on keyboard show -

google app engine - 403 Forbidden POST - Flask WTForms -

c - Why would PK11_GenerateRandom() return an error -8023? -