Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Copy Chrome default input's outline style

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).

like image 626
geehertush01 Avatar asked Jun 26 '13 15:06

geehertush01


People also ask

How do I get rid of default focus?

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.


1 Answers

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;  } 
like image 167
Андрій Хмара Avatar answered Oct 03 '22 05:10

Андрій Хмара