vue 登陆界面更改el-input背景颜色，用户名密码采用自动填充后颜色发生变化

最新推荐文章于 2024-08-06 13:33:28 发布

不想上班只想要钱

最新推荐文章于 2024-08-06 13:33:28 发布

阅读量1.3k

点赞数 2

分类专栏： css 前端 html 文章标签： vue.js javascript

本文链接：https://blog.csdn.net/Aa12364567/article/details/128498958

版权

前端同时被 3 个专栏收录

161 篇文章 3 订阅

订阅专栏

html

89 篇文章 1 订阅

订阅专栏

css

84 篇文章 1 订阅

订阅专栏

这篇博客介绍了如何使用CSS修改Vue登录页面中，当用户名和密码采用自动填充时，el-input组件的背景颜色。通过定义`input:-internal-autofill-previewed`和`input:-internal-autofill-selected`选择器，并设置`-webkit-text-fill-color`和`transition`属性，实现了颜色平滑过渡的效果。

摘要由CSDN通过智能技术生成

vue 登陆界面更改el-input背景颜色，用户名密码采用自动填充后颜色发生变化

<style>
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #FFFFFF !important;
  transition: background-color 5000s ease-in-out 10s !important;
}
</style>