input框选中保存的账号之后背景的处理

小记一下

2022年7月9日，太阳被挡住了，可还是有种说不出的热，一直在出汗，到了之后衣服已经湿了，刚进门还好有空调，太凉快了，不禁感到，夏天不过如此，哈哈，就是费钱…可还是喜欢喝热水，小酌两杯之后，打开电脑就开始解决问题了，首先自己尝试着去解决，还是未果，这可不行，水温了，一饮而尽，一个字“爽”，这边水之前已经解决了，但还是要记录一下的，废话哲学，哈。

进入正题

使用element的form表单写了个登录，但是登录之后浏览器会提醒你保存密码，保存之后，下次选中的时候会有一个背景颜色，影响体验，于是乎，就改啊改……

未改之前

改的途中

.login_input /deep/ .el-input__inner {
  border: none;
  background-color: transparent !important;
}
.login_input /deep/ .el-input__inner:-webkit-autofill{
  -webkit-text-fill-color:black !important;  
  transition: background-color 5000s ease-in-out 0s;
  caret-color: blue !important;  /*修改光标的颜色*/
}

改完之后

需要注意

如果/deep/ 无效， 在style后面添加scoped

参考于

这篇

看看风景

看看风景有助于理解，为风景来个[赞]