去除浏览器记住密码时自动填充的input框样式

最新推荐文章于 2023-10-10 14:22:02 发布

小肉包de

最新推荐文章于 2023-10-10 14:22:02 发布

阅读量545

点赞数

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

本文链接：https://blog.csdn.net/weixin_47160442/article/details/131111672

版权

CSS 专栏收录该内容

10 篇文章 1 订阅

订阅专栏

去除浏览器记住密码时自动填充的input框样式

在这里插入图片描述

<style scoped lang="scss">
// 去除浏览器记住密码时自动填充的input框样式
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; //设置input输入框的背景颜色为透明色
  background-color: transparent; //设置input输入框的背景颜色为透明色
  background-image: none;
  transition: background-color 50000s ease-in-out 0s;
}
input {
  background-color: transparent; //设置input输入框的背景颜色为透明色
}
</style>