vue解决el-input text=password时，谷歌浏览器出现自动填充密码

谷歌浏览器的自动填充在登录时时非常好用的，但是如果你创建新账号的时候，出现就很不友好！

如图

其实可以非常简单的处理

使用css 来解决

在input添加类名

然后根据类目添加样式

-webkit-text-security:指定要使用的形状来代替文字的显示。

none:无；

circle：圆圈；

disc:圆形；

square；正方形；

然后效果就出来了

当点击icon就进行切换

完美解决

vue解决el-input text=password时，谷歌浏览器出现自动填充密码相关推荐

关于谷歌浏览器的自动填充密码
关于谷歌浏览器的自动填充密码背景过程背景项目经理想让我做的登录页面在第二次登录的时候记住上一次的登录信息:功能本身很简单,一般的程序员都能实现,问题是我用谷歌浏览器登录时,谷歌弹出是否保存密码 ...
解决启动虚拟机进入系统时宿主机自动重启状态问题
解决启动虚拟机进入系统时宿主机自动重启状态问题启动虚拟机进入安装的系统时宿主机突然进入重启状态,这情况解决呢? 开启进入虚拟机系统,突然宿主机自动进入重启状态,连续试过很多次,情况都一样. 开机之后 ...
html自动填充密码width 0,解决浏览器会自动填充密码的问题
解决办法是在form上或input上添加autoComplete="off"这个属性. form表单的属性如下所示: 但是这个解决方案在谷歌和火狐上均有bug,下面来一个一个解决. ...
html如何避免360自动填充账号密码,解决浏览器会自动填充密码的问题
解决办法是在form上或input上添加autoComplete="off"这个属性. form表单的属性如下所示: 但是这个解决方案在谷歌和火狐上均有bug,下面来一个一个解决. ...
解决浏览器会自动填充密码的问题
在前端开发过程中有一个现象: 有登录和注册的弹框,当我们从登录弹框中登陆成功,chrome会弹出是否保存密码的提示框,点击保存密码按钮,然后接着退出账户,这时打开注册弹框,你会发现注册弹框中用户名和密 ...
html5自动填充账号密码,谷歌浏览器怎么自动填充账号密码？自动填充账号密码的方法分享...
谷歌浏览器自动填充账号密码方法图文教程,相信有很多小伙伴对此存在疑惑,接下来就跟着IEfans小编一起了解一下谷歌浏览器自动填充账号密码方法图文教程吧! 谷歌浏览器自动填充账号密码方法: 方法一: 首 ...
谷歌浏览器信用卡自动填充字段
记录一下谷歌信用卡自动填充: 谷歌浏览器在https 的情况下有信用卡的地方有存的话会有如下图示: 这情况要字段名字跟谷歌内置的对应,才能填充的上对应的字段内容: 文档地址: https://de ...
vue 表单 input text
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
Angular\Vue解决页面数据加载时出现{{message}}闪烁的情况
vue 使用v-cloak <style type="text/css">[v-cloak] { display: none } </style> < ...

vue解决el-input text=password时，谷歌浏览器出现自动填充密码

vue解决el-input text=password时，谷歌浏览器出现自动填充密码相关推荐

最新文章

热门文章