diff --git a/src/main/resources/templates/casLoginView.html b/src/main/resources/templates/casLoginView.html index ef4d59b..8f8f6c1 100644 --- a/src/main/resources/templates/casLoginView.html +++ b/src/main/resources/templates/casLoginView.html @@ -8,7 +8,7 @@ 云海教育 · 统一身份认证平台 - + @@ -56,8 +56,18 @@ diff --git a/src/main/webapp/front/css/login.css b/src/main/webapp/front/css/login.css index 46197db..da32233 100644 --- a/src/main/webapp/front/css/login.css +++ b/src/main/webapp/front/css/login.css @@ -237,40 +237,44 @@ body { background: var(--input-bg); } -/* 密码框:右侧白底眼睛按钮,明文/密文切换 */ +/* 密码框:右侧内嵌眼睛图标,明文/密文切换 */ .pwd-item { position: relative; } .pwd-item input { - padding-right: 76px; + padding-right: 56px; } .eye-btn { position: absolute; top: 50%; - right: 5px; + right: 8px; transform: translateY(-50%); - width: 60px; - height: 44px; + width: 36px; + height: 36px; display: flex; align-items: center; justify-content: center; padding: 0; - background: #fff; - border: 1px solid var(--border); - border-radius: var(--radius-input); + background: transparent; + border: none; + border-radius: 8px; cursor: pointer; - transition: border-color 0.18s; + color: var(--placeholder); + transition: background 0.18s, color 0.18s; } -.eye-btn:hover { - border-color: var(--accent); +.eye-btn:hover, +.eye-btn:focus-visible { + background: rgba(47, 163, 106, 0.10); + color: var(--accent); + outline: none; } -.eye-btn img { - width: 22px; - height: 22px; +.eye-btn svg { + width: 20px; + height: 20px; display: block; }