博客

css去除chrome浏览器输入框默认样式填充及chrome浏览器滚动条样式设置

  • Post author:
  • Post category:其他


1. chrome谷歌浏览器浏览器去除输入框填充的背景色

chrome浏览器在文本自动补全功能之后默认会为文本框进行背景填充，我们不是说自动填充背景的功能不好，只是默认填充太难看了，所以我们就需要对这一默认行为进行修改，使得用户体验更好。

a. 页面未进行样式处理之前谷歌浏览器自动填充的背景颜色，难看！！！

这里写图片描述

b. 接下来我们在页面中加入以下样式处理
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset; 
} 
input[type=text]:focus, input[ty


版权声明：本文为Lockey23原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。