h5登录input框浏览器输入账号密码样式设置

当使用浏览器记住的账号和密码登录时，输入框会默认变成白色背景和黑色字体，有时并不符合自己设计的界面的样式，比如暗黑模式，所以需要自己手动设置css。代码如下

input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill{-webkit-text-fill-color: #ccc !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;
}

输入框默认样式（记录一下，与本文内容无关）

.login-input{width:75%;height:40px;border:1px solid #5081fb;border-radius: 5px;padding:0 12px;background-color:transparent;color:#ccc;font-size:16px;outline:none;-webkit-transition: 0.5s;transition: 0.5s;
}
.login-input:focus{border:2px solid #3E73FB;
}

h5登录input框浏览器输入账号密码样式设置相关推荐

input禁止浏览器记住密码
再网上找了很多方法,都没用 1,设置autocomplete="off"或者autocomplete="new-password" 部分有用 2,放置<i ...
使用css修改input框中checkbox的样式
概述在页面设计时,我们经常使用input复选框.由于界面设计的需要,我们需要修改复选框的样式,使得界面更美观或者适应新的需求.由于CheckBox伪类修改比较复杂,通常修改的方式有两种,一个是链入图 ...
html怎么设置网页自动登录,如何让网页记住密码？设置让网页记住密码的方法...
电脑登录某些网页后台要输入密码,如果一遍又一遍地输入密码总感觉很累,其实,我们可以设置网页自动记住密码,实现快速登陆.针对不同的浏览器,我们需要进行类似的设置操作,因此,本文小编和大家诉说一下让网页记 ...
el-input/input取消浏览器记住密码问题
1. 添加auto-complete="new-password"属性,这是一个新属性,兼容所有浏览器. <el-input type="password" ...
mysql恢复授权表登录_MySQL授权用户及密码恢复设置
MySQL密码恢复及设置 1.停止MySQL服务程序. 2.跳过授权表启动MySQL服务程序 skip-grant-tables(添加在配置文件) 3.重设root密码(更新user表记录) 4.以正 ...
浏览器滚动条css样式设置，看这一篇文章就够了！
一前言在CSS 中,如果我们在块级容器上设置了属性: overflow:scroll /* x y 方向都会*/ 或者 overflow-x:scroll /*只是x方向*/ 或者 overflo ...
uniapp 转H5 实现微信浏览器自定义分享样式
uniapp 转H5后实现微信浏览器自定义分享样式 uniapp 项目转 h5 1.在manifest.json文件中,找到H5配置一下路径,需要注意这个名字需要和布到线上的文件夹名字一致 2.就是 ...
360浏览器，qq浏览器等登录页输入账号密码，在页面内再次遇见有密码框的地方会自动填充的解决办法。
在360浏览器,qq浏览器等登录页输入账号密码,在页面内再次遇见有密码框的地方会自动填充,在网上没有找到合适的解决办法,然后自己琢磨了一个,仅供参考. 登录页的账号密码输入框不需要做任何变化. 我们可 ...
Google浏览器记住密码之后，自动填充后input的背景色和color默认样式去除
google浏览器记住密码之后,账号密码框自动填充到input当中,输入框的背景色为白色,color为黑色,目标是去除这些自动填充之后的默认样式. 在reset.css当中写入填充后的样式 input ...

h5登录input框浏览器输入账号密码样式设置

h5登录input框浏览器输入账号密码样式设置相关推荐

最新文章

热门文章