Modify the default style of Google's browser and the style of Google's browser

Modify the default style of Google's browser and the style of Google's browser

1. The input background automatically filled by Chrome is yellow:

Box-shadow adds a shadow to the box. By default, it is added outside the box, and inset is changed to inner.

Box-shadow: H horizontal offset V vertical offset B blur size S shadow size C shadow color O/I inner and outer shadows;

To view the shadow effect, first determine the shadow size and then determine the offset distance.

Input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 100px white inset! Important; // It cannot be any transparent color. Use the internal shadow to cover the default yellow background box-shadow: 0 0 0px 100px white inset of the browser! Important ;}

2. The blue border when the input gets the focus

You can use the outline attribute of an element (without occupying the length and width space), outline: none.