Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to remove default chrome style for select Input?

Tags:

html

css

How do I remove the default yellow box border of Selected input and select fields in chrome or any browser like safari? I want to customize input with custom box shadow css. How do I remove the default browser select border?

like image 806
monk Avatar asked Sep 06 '12 10:09

monk


People also ask

How do you style input in CSS?

If you only want to style a specific input type, you can use attribute selectors: input[type=text] - will only select text fields. input[type=password] - will only select password fields. input[type=number] - will only select number fields.


2 Answers

-webkit-appearance: none; 

and add your own style

like image 89
Sowmya Avatar answered Sep 22 '22 04:09

Sowmya


textarea, input { outline: none; } 

via https://stackoverflow.com/a/935572/1036298

like image 20
Nithin Emmanuel Avatar answered Sep 22 '22 04:09

Nithin Emmanuel