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 {