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; }
Comments
Post a Comment