修改谷歌填充输入框后自带的默认样式

第一种:Element UI的输入框

  .el-input__inner:-webkit-autofill {
    caret-color: #8fd4ff;
    -webkit-text-fill-color: #8fd4ff;
    box-shadow: 0px 0px 10px 0px rgba(32, 139, 248, 0.29),
      0px 0px 12px 1px rgba(32, 139, 248, 0.19);
    transition: background-color 5000s ease-in-out 0s;
  }

 

第二种:原生的输入框

  .input:-webkit-autofill {
    caret-color: #8fd4ff;
    -webkit-text-fill-color: #8fd4ff;
    box-shadow: 0px 0px 10px 0px rgba(32, 139, 248, 0.29),
      0px 0px 12px 1px rgba(32, 139, 248, 0.19);
    transition: background-color 5000s ease-in-out 0s;
  }

 

posted @ 2022-01-06 18:02  初初子  阅读(154)  评论(0)    收藏  举报