浏览器默认样式

三人2020-12-04CSSchrome

1.chrome浏览器input自动填充时背景色去除

css

input{
  background-color: rgba(255,255,255,0) !important;
}
input:-webkit-autofill{
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: #333 !important;
}
input:-webkit-autofill:focus{
  -webkit-text-fill-color: #333 !important;
}

2、placeholder样式

css

  ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ 
    color: #b3b3b3;
  }
  ::-moz-placeholder { /* Firefox 19+ */  
    color: #b3b3b3;
  }
  :-ms-input-placeholder { /* IE 10+ */ 
    color: #b3b3b3;
  }
  :-moz-placeholder { /* Firefox 18- */ 
    color: #b3b3b3;
  }