diff --git a/frontend/src/features/admin/views/AdminLoginView.vue b/frontend/src/features/admin/views/AdminLoginView.vue index 8296558..1363aad 100644 --- a/frontend/src/features/admin/views/AdminLoginView.vue +++ b/frontend/src/features/admin/views/AdminLoginView.vue @@ -285,26 +285,16 @@ async function handleLogin() { padding-bottom: 6px; } +/* 注意:styles/admin.css 里的全局增强规则带 !important,把输入框底色固定成白色 + (.el-input__wrapper { background-color: #ffffff !important }),本页原设计的深色输入框 + 无法生效;若仍把文字设成浅色就是"白底浅字",输入内容与光标都看不见 + (验证码框不会被浏览器自动填充,因此最先暴露该问题)。 + 这里统一按浅色输入框配色:深色文字 + 中灰占位符;白底、边框与蓝色焦点环由该全局规则提供。 */ .admin-form :deep(.el-input__wrapper) { - background: rgba(255, 255, 255, 0.04); - box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08) inset; - border-radius: 10px; padding: 0 12px; - transition: - box-shadow 0.2s, - background 0.2s; -} -.admin-form :deep(.el-input__wrapper:hover) { - background: rgba(255, 255, 255, 0.06); -} -.admin-form :deep(.el-input__wrapper.is-focus) { - background: rgba(255, 255, 255, 0.06); - box-shadow: - 0 0 0 1px rgba(20, 119, 255, 0.45) inset, - 0 0 0 3px rgba(20, 119, 255, 0.08); } .admin-form :deep(.el-input__inner) { - color: #f1f5f9; + color: #0f172a; font-size: 14px; height: 44px; }