tongtong/vue3-element-admin
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(login.vue): 修复登录页因element-plus升级input多了el-input__wrapper包裹层导致输入框样式变形问题

Browse Source 
Former-commit-id: fe57611a298496d45aadab551726bc0fef13f502
This commit is contained in:
郝先瑞
2022-04-19 07:55:28 +08:00
parent 045fa618bb
commit d7ab2eda35
1 changed files with 17 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -239,22 +239,27 @@ $cursor: #fff;
display: inline-block; display: inline-block;
height: 47px; height: 47px;
width: 85%; width: 85%;
.el-input__wrapper {
input { padding: 0;
background: transparent; background: transparent;
border: 0px; box-shadow:none;
-webkit-appearance: none; .el-input__inner {
border-radius: 0px; background: transparent;
padding: 12px 5px 12px 15px; border: 0px;
color: $light_gray; -webkit-appearance: none;
height: 47px; border-radius: 0px;
caret-color: $cursor; padding: 12px 5px 12px 15px;
color: $light_gray;
height: 47px;
caret-color: $cursor;
&:-webkit-autofill { &:-webkit-autofill {
box-shadow: 0 0 0px 1000px $bg inset !important; box-shadow: 0 0 0px 1000px $bg inset !important;
-webkit-text-fill-color: $cursor !important; -webkit-text-fill-color: $cursor !important;
}
} }
} }
} }
.el-input__inner { .el-input__inner {