How can I set the default Chrome input's outline style (on focus, the orange one), so it looks the same in every browser? Chrome style seems to be textarea:focus{outline: rgb(229, 151, 0) auto 5px; outline-offset: -2px}
, however it doesn't work (there is no auto
for outline-style
for other browsers).
Assigning outline a value of 0 or none will remove the browser's default focus style. If an element can be interacted with it must have a visible focus indicator.
default Chrome outline-style:
outline-color: rgb(77, 144, 254); // #4D90FE outline-offset: -2px; outline-style: auto; outline-width: 5px;
convert to this
input:focus { outline:none; border:1px solid #4D90FE; -webkit-box-shadow: 0px 0px 5px #4D90FE; box-shadow: 0px 0px 5px #4D90FE; }
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With