Google瀏覽器預設樣式的修改，Google瀏覽器樣式

Google瀏覽器預設樣式的修改，Google瀏覽器樣式

1.Chrome自動填滿的input背景為黃色：

box-shadow 向框添加陰影，預設是在框外面，inset改為向內添加。

box-shadow :H水平位移量 V垂直位移量 B模糊尺寸 S陰影尺寸 C陰影顏色 O/I內外影;

看陰影製作效果，先確定陰影尺寸，再確定位移距離。

input:-webkit-autofill {      -webkit-box-shadow: 0 0 0px 100px white inset !important;  //不能為transparent的任意顏色，利用內部陰影遮住瀏覽器預設的黃色背景　　 box-shadow: 0 0 0px 100px white inset !important;} 

2.input獲得焦點時的藍色邊框

　　利用元素的輪廓屬性（不佔長寬空間），outline: none;即可。