如何修改Chrome记住密码后自动填充表单的黄色背景

小码哥・Martin

于 2022-07-19 22:45:00 发布

阅读量239

点赞数

CC 4.0 BY-SA版权

分类专栏： WEB CSS 文章标签： chrome 前端 css

本文链接：https://blog.youkuaiyun.com/php_martin/article/details/125745557

WEB 同时被 2 个专栏收录

63 篇文章

订阅专栏

CSS

46 篇文章

订阅专栏

本文探讨了Chrome表单自动填充导致的input:-webkit-autofill样式问题，提供了关闭自动填充的两种解决方案，并详细介绍了美化input[type='search']搜索框右侧图标的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

产生原因：由于Chrome默认会给自动填充的input表单加上 input:-webkit-autofill 私有属性造成的
解决方案1：在form标签上直接关闭了表单的自动填充：autocomplete="off"
解决方案2：input:-webkit-autofill { background-color: transparent; }

input [type=search] 搜索框右侧小图标如何美化？

input[type="search"]::-webkit-search-cancel-button{
  -webkit-appearance: none;
  height: 15px;
  width: 15px;
  border-radius: 8px;
  background:url("images/searchicon.png") no-repeat 0 0;
  background-size: 15px 15px;
}