blackteay/vue-element-admin
1
0
Fork 0
mirror of https://github.com/PanJiaChen/vue-element-admin.git synced 2025-04-06 03:57:53 +08:00
Code Issues Releases Wiki Activity

针对自动填充且焦点状态下的样式优化添加样式

Browse Source
This commit is contained in:
万洺岐 2024-11-04 22:16:09 +08:00
parent c78606c6f7
commit 9f0c46efc6
1 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/views/login/index.vue
View File

@ -212,7 +212,7 @@ $light_gray:#fff;
$cursor: #fff;
@supports (-webkit-mask: none) and (not (cater-color: $cursor)) {
.login-container .el-input input {
.login-container.el-input input {
color: $cursor;
}
}
@ -222,10 +222,19 @@ input[type="password"]::-ms-reveal {
input[type="password"]::-ms-clear {
display: none; /* 对于IE */
}
input[type="password"]::-webkit-inner-spin-button,
input[type="password"]::-webkit-calendar-picker-indicator {
display: none; /* 针对 Chrome 和 Safari */
display: none; /* 针对Chrome和Safari */
}
input:-webkit-autofill {
box-shadow: 0 0 0px 1000px $bg inset!important;
-webkit-text-fill-color: $cursor!important;
}
// 新增以下样式，针对自动填充且焦点状态下的样式优化
input:-webkit-autofill:focus {
box-shadow: 0 0 0px 1000px $bg inset!important;
-webkit-text-fill-color: $cursor!important;
border: 1px solid rgba(255, 255, 255, 0.1)!important;
}
/* reset element-ui css */
.login-container {