css实现消失自动填充色

黎明寄波澜*

已于 2022-09-15 18:14:05 修改

阅读量184

点赞数 1

分类专栏： css 文章标签： css

于 2022-07-16 18:07:19 首次发布

本文链接：https://blog.csdn.net/weixin_55209970/article/details/125823161

版权

Vue Web组件 CSS深度选择器自动填充样式前端开发

关键词由CSDN通过智能技术生成

css 专栏收录该内容

5 篇文章 1 订阅

订阅专栏

::v-deep .van-field__control:-webkit-autofill {
  // border: 1px solid #000;
  // -box-shadow: 0 0 0px 1000px white inset;
  -webkit-text-fill-color: #000 !important;
  // -webkit-fill-background:red !important;

  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
  //  -webkit-box-shadow: 0 0 0 1000px transparent inset ;
}
::v-deep .van-field__control:-webkit-autofill,
::v-deep .van-field__control:-webkit-autofill:hover,
::v-deep .van-field__control:-webkit-autofill:focus {
  color: #fff !important;
  -webkit-text-fill-color: #fff;
  -webkit-transition: background-color 43200s ease-in-out 0s;
  transition: background-color 43200s ease-in-out 0s;
}
::v-deep .van-field__control:autofill,
::v-deep .van-field__control:autofill:hover,
::v-deep .van-field__control:autofill:focus {
  -webkit-text-fill-color: #fff;
  -webkit-transition: background-color 43200s ease-in-out 0s;
  transition: background-color 43200s ease-in-out 0s;
}

.van-field__control为类名！！！