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;
height: 47px;
width: 85%;
input {
.el-input__wrapper {
padding: 0;
background: transparent;
border: 0px;
-webkit-appearance: none;
border-radius: 0px;
padding: 12px 5px 12px 15px;
color: $light_gray;
height: 47px;
caret-color: $cursor;
box-shadow:none;
.el-input__inner {
background: transparent;
border: 0px;
-webkit-appearance: none;
border-radius: 0px;
padding: 12px 5px 12px 15px;
color: $light_gray;
height: 47px;
caret-color: $cursor;
&:-webkit-autofill {
box-shadow: 0 0 0px 1000px $bg inset !important;
-webkit-text-fill-color: $cursor !important;
&:-webkit-autofill {
box-shadow: 0 0 0px 1000px $bg inset !important;
-webkit-text-fill-color: $cursor !important;
}
}
}
}
.el-input__inner {