input自动填充浏览器记住的密码后，去除输入框背景颜色

最新推荐文章于 2024-06-19 11:34:22 发布

一捆铁树枝

最新推荐文章于 2024-06-19 11:34:22 发布

阅读量4k

点赞数 4

分类专栏： web 文章标签： input背景色自动填充

本文链接：https://blog.csdn.net/qq_41725450/article/details/100063546

版权

web 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

谷歌chrome浏览器在用户登录记住密码之后通常会改变input框的背景色

input CSS样式

input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {
	-webkit-text-fill-color: #ededed !important;
	-webkit-box-shadow: 0 0 0px 1000px transparent  inset !important;
    background-color:transparent;
    background-image: none;
     transition: background-color 50000s ease-in-out 0s; //背景色透明  生效时长  过渡效果  启用时延迟的时间
}
input {
	 background-color:transparent;
}

input scss样式

input {
      background-color:transparent;
      border: 0px;
      -webkit-appearance: none;
      border-radius: 0px;
      padding: 12px 5px 12px 15px;
      color: $bg;
      height: 47px;
      // caret-color: $cursor;

      &:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {
        -webkit-text-fill-color: $bg !important;
	      -webkit-box-shadow: 0 0 0px 1000px transparent  inset !important;
        background-color:transparent;
        background-image: none;
        transition: background-color 50000s ease-in-out 0s; //背景色透明  生效时长  过渡效果  启用时延迟的时间
      }
    }