iter(g321): 交互控件防误选与移动端点按灰闪清理

This commit is contained in:
HIsheR
2026-10-27 01:08:42 +08:00
parent 25b4d89dae
commit 0e7aca6ebc
2 changed files with 35 additions and 0 deletions
+26
View File
@@ -5151,6 +5151,32 @@ h5.ua-type-title { font-size: var(--ua-font-size-md); }
background: color-mix(in srgb, var(--ua-color-accent) var(--ua-alpha-line), transparent); /* 选区底 = 主题色 30% 淡档:文字仍直接透底可读,选中区与焦点环 / 选中底同族 */
}
/* ---- 纯交互控件防误选:这些文案是「动作」不是「内容」,双击 / 拖选把它们选中变蓝既割裂又打断连点;
内容型组件(代码块 / 表格 / 描述列表 / 排版 / link 链接文字)不入选,照常可复制 ---- */
.ua-btn,
.ua-tag,
.ua-badge,
.ua-fab,
.ua-backtop,
.ua-page-btn,
.ua-tab,
.ua-tab-item,
.ua-seg-btn,
.ua-step,
.ua-rate-star,
.ua-checkbox,
.ua-radio,
.ua-switch,
.ua-menu-item,
.ua-crumb-item,
.ua-crumb-link {
user-select: none;
}
[class^='ua-'],
[class*=' ua-'] {
-webkit-tap-highlight-color: transparent; /* 移动端默认点按灰闪与令牌皮肤割裂;按下反馈由 :active / :focus-visible 承担 */
}
/* ---- 时间选择(时 / 分两列弹层) ---- */
.ua-timepicker {
position: relative;