yiqiu/BlackFruit-UI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 手机号前缀输入框改为统一暗色框
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source 
- 整个 el-input-group 统一 background:#1c2028 + border-radius:8px
- prepend 和 input 内部全部 border:none，视觉无缝融合
- hover 时整体显示蓝色描边
- prepend 宽度 80px，内部 padding 合理
This commit is contained in:
yiqiu
2026-03-19 19:39:27 +08:00
parent 7d1167978c
commit 63facc24d6
2 changed files with 48 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
clientarea/hgcloud/css/regist.css
View File

@@ -258,47 +258,48 @@
color: rgba(139, 148, 158, 0.6) !important;
}
/* 手机号输入 — 统一暗色框 */
.input-with-select .el-input-group__prepend {
background: #1c2028 !important;
border: 1px solid transparent !important;
border-right: 1px solid rgba(255,255,255,0.06) !important;
border: none !important;
border-radius: 8px 0 0 8px !important;
color: #E6E8EB !important;
padding: 0 !important;
width: 90px !important;
min-width: 90px !important;
width: 80px !important;
}
.input-with-select.el-input-group {
background: #1c2028 !important;
border-radius: 8px !important;
border: 1px solid transparent !important;
transition: border-color 0.2s;
}
.input-with-select.el-input-group:hover {
border-color: rgba(22, 93, 255, 0.2) !important;
}
.input-with-select.el-input-group .el-input__inner {
background: transparent !important;
border: none !important;
}
.input-with-select .el-input-group__prepend .el-select {
width: 100% !important;
}
.input-with-select .el-input-group__prepend .el-select .el-input {
width: 100% !important;
margin: 0 !important;
}
.input-with-select .el-input-group__prepend .el-input__inner {
background: transparent !important;
border: none !important;
color: #E6E8EB !important;
padding-left: 12px !important;
padding-right: 24px !important;
width: 100% !important;
text-align: left !important;
}
.input-with-select .el-input-group__prepend .el-select .el-input .el-input__inner {
color: #E6E8EB !important;
background: transparent !important;
padding-left: 14px !important;
padding-right: 22px !important;
}
.input-with-select .el-input-group__prepend .el-input__suffix {
color: rgba(139, 148, 158, 0.5) !important;
right: 4px !important;
}
.input-with-select .el-input-group__prepend .el-select .el-input.is-focus .el-input__inner {
color: #FFFFFF !important;
color: rgba(139, 148, 158, 0.4) !important;
right: 2px !important;
}
/* 验证码 */