iter(g201): 补全点击型控件键盘焦点环

全库清点:38 处 :focus-visible、7 处裸 :focus 全部落在输入类
(选择搜索、输入组内层、传搜、自动完成、色板 hex、提及),
按口径保留输入类常驻环,点击型控件不再有 :focus 残留。
修掉两处「吞环」:页签条是 overflow 滚动容器,外偏移环被裁,
改内嵌描边(与 seg-btn 同法);选择面板 / 菜单项同样被面板裁切,
补内嵌描边(与 cascader 项同法),Tab 导航重新可见。

Refs: g201
This commit is contained in:
HIsheR
2026-10-26 18:24:11 +08:00
parent 91aa304d94
commit e64f72b9fa
+11 -1
View File
@@ -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 {