diff --git a/clientarea/hgcloud/css/login.css b/clientarea/hgcloud/css/login.css index 46dcf48..9f20f42 100644 --- a/clientarea/hgcloud/css/login.css +++ b/clientarea/hgcloud/css/login.css @@ -329,48 +329,48 @@ .form-main .el-input__inner::placeholder { color: rgba(139, 148, 158, 0.5) !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; } /* 验证码 */ diff --git a/clientarea/hgcloud/css/regist.css b/clientarea/hgcloud/css/regist.css index 3d5f6ee..e6875d1 100644 --- a/clientarea/hgcloud/css/regist.css +++ b/clientarea/hgcloud/css/regist.css @@ -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; } /* 验证码 */