How to remove default chrome style for select Input

Question

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

User · Answer

textarea  input   outline  none      via https   stackoverflow com a 935572 1036298

User · Answer

Are you talking about when you click on an input box  rather than just hover over it  This fixed it for me   input focus      outline  none     border  specify yours

User · Answer

-webkit-appearance  none    and add your own style

User · Answer

input -webkit-autofill           background   fff  important

User · Answer

use simple code for remove default browser style for outline  input   outline  none

User · Answer

Mixin for Less   appearance   value  none        -webkit-appearance       value      -moz-appearance          value      -ms-appearance           value      -o-appearance            value      appearance               value

User · Answer

In your CSS add this   input  -webkit-appearance  none  box-shadow  none  important     -webkit-autofill   color   fff  important      Only for Chrome

User · Answer

Before Applying Property box-shadow   none   After Applying Property box-shadow   none   This is the easiest solution and it worked for me  input      box-shadow   none

User · Answer

When looking at an input with a type of number  you ll notice the spinner buttons  up down  on the right-hand side of the input field  These spinners aren t always desirable  thus the code below removes such styling to render an input that resembles that of an input with a type of text       input type number   -webkit-inner-spin-button   input type number   -webkit-outer-spin-button      -webkit-appearance  none

[html] How to remove default chrome style for select Input?

Examples related to html

Examples related to css