文本输入的焦点态统一成描边变色

原来三个组件各写一份、筛选输入框哪份都没有，落到全局的外圈 outline，和订阅选择器长得不一样。规则上收到 tokens.css 一处，组件里的重复定义删掉。按钮保留外圈焦点环，那是键盘可达性。
2026-08-11 17:03:11 +08:00
parent 8bc97eb47a
commit 272a0931a1
4 changed files with 8 additions and 17 deletions
@@ -150,6 +150,14 @@ kbd,
  outline-offset: 2px;
 }

+/* 文本输入的焦点态统一为描边变色，不叠外圈（订阅选择器的形态）。按钮保留外圈，那是键盘可达性 */
+input:focus-visible,
+select:focus-visible,
+textarea:focus-visible {
+  outline: none;
+  border-color: var(--c-accent);
+}
+
 /* 交互控件的颜色过渡。只过渡颜色类属性，不碰布局；时长以「感知得到但不等待」为准 */
 button,
 input,