freefire/jiang13-forum
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复头部用户菜单关闭后按钮残留高亮，优化 hover 与 focus 样式。

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
freefire
2026-06-16 06:16:54 +08:00
parent 9767b54192
commit 773639fd7c
26 changed files with 39 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/styles/global.css
View File

@@ -355,14 +355,20 @@ a:hover { text-decoration: underline; }
transition: box-shadow 0.15s, transform 0.1s;
}
.header-user-btn:hover,
@media (hover: hover) {
.header-user-btn:hover {
box-shadow: 0 0 0 2px var(--j13-green-bg), 0 0 0 3px var(--j13-green);
}
}
.header-user-btn:focus-visible {
box-shadow: 0 0 0 2px var(--j13-green-bg), 0 0 0 3px var(--j13-green);
}
/* 鼠标点击打开/关闭下拉后 focus 会回到按钮，隐藏默认黑色 outline */
.header-user-btn:focus {
/* 鼠标点击打开/关闭下拉后 focus 会回到按钮，隐藏默认 outline 与 hover 同款高亮 */
.header-user-btn:focus:not(:focus-visible) {
outline: none;
box-shadow: none;
}
.header-user-avatar {