首页 前端知识 关于input输入框自动填充密码后,出现背景颜色的问题解决

关于input输入框自动填充密码后,出现背景颜色的问题解决

2024-02-21 10:02:16 前端知识 前端哥 233 578 我要收藏

 当我们输入密码, 遇到自动填充密码时,点击密码会出现一个淡色的背景颜色,我们需要将其去掉,设置成透明的背景颜色,废话不多说,直接上代码

 

 

.shortInput {
            background-color:transparent;
            text-align: center;
            font-size: 20px;
            float: left;
            width: 40px;
            height: 40px;
            color: #333;
            outline: #ff0067;
            border: 1px solid #ccc;
            &:not(:last-child) {
                border-right: none;
            }
            &:first-child {
                border-radius: 5px 0 0 5px;
            }
            &:last-child {
                border-radius: 0 5px 5px 0;
            }
            &:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {
                -webkit-text-fill-color: transparent !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; //背景色透明 生效时长 过渡效果 启用时延迟的时间
            }
        }

转载请注明出处或者链接地址:https://www.qianduange.cn//article/2399.html
标签
input
评论
会员中心 联系我 留言建议 回顶部
复制成功!