From e64f72b9fa87bd76794392b24fe2c78e9db72ea8 Mon Sep 17 00:00:00 2001 From: HIsheR Date: Mon, 26 Oct 2026 18:24:11 +0800 Subject: [PATCH] =?UTF-8?q?iter(g201):=20=E8=A1=A5=E5=85=A8=E7=82=B9?= =?UTF-8?q?=E5=87=BB=E5=9E=8B=E6=8E=A7=E4=BB=B6=E9=94=AE=E7=9B=98=E7=84=A6?= =?UTF-8?q?=E7=82=B9=E7=8E=AF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 全库清点:38 处 :focus-visible、7 处裸 :focus 全部落在输入类 (选择搜索、输入组内层、传搜、自动完成、色板 hex、提及), 按口径保留输入类常驻环,点击型控件不再有 :focus 残留。 修掉两处「吞环」:页签条是 overflow 滚动容器,外偏移环被裁, 改内嵌描边(与 seg-btn 同法);选择面板 / 菜单项同样被面板裁切, 补内嵌描边(与 cascader 项同法),Tab 导航重新可见。 Refs: g201 --- packages/skin/ui/ui.css | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/packages/skin/ui/ui.css b/packages/skin/ui/ui.css index b4e2184..afef044 100644 --- a/packages/skin/ui/ui.css +++ b/packages/skin/ui/ui.css @@ -476,6 +476,13 @@ body.ua-col-resizing { .ua-option:active:not(:disabled) { background: var(--ua-color-surface-2); } +/* 弹层内的项:所在面板是滚动容器,会把外偏移焦点环裁掉, + 与 cascader 项一致改用内嵌描边,键盘导航才真看得见焦点 */ +.ua-option:focus-visible, +.ua-menu-item:focus-visible { + outline: 2px solid var(--ua-color-accent); + outline-offset: -2px; +} /* 选中态:低视觉比重——淡色底 + 弱化文字,不抢焦点 */ .ua-option-selected { background: var(--ua-color-tint-accent); @@ -1661,7 +1668,10 @@ button.ua-step-dot:hover { background: var(--ua-color-surface-2); } .ua-tab:focus-visible { - outline: none; + /* 页签条是 overflow-x:auto 的滚动容器,外偏移焦点环会被裁掉, + 这里改用与 seg-btn 一致的内嵌描边,键盘用户才真看得见焦点 */ + outline: 2px solid var(--ua-color-accent); + outline-offset: -2px; color: var(--ua-color-accent); } .ua-tab:disabled {