]> acesimba.cloud Git - StationBuilder-vue.git/commitdiff
修复 EP 输入框 hover/focus 双层边框:清掉可聚焦 wrapper 与内部 input 的浏览器默认 outline
authorroot <root@localhost.localdomain>
Mon, 28 Sep 2026 06:50:40 +0000 (14:50 +0800)
committerroot <root@localhost.localdomain>
Mon, 28 Sep 2026 06:50:40 +0000 (14:50 +0800)
- 全局守卫 .el-input__inner/.el-textarea__inner/.el-select__input 增加 outline:0!important
- 新增 .el-input__wrapper/.el-select__wrapper{outline:0!important}:这两个 div 可聚焦,
  会带出 3px 灰色 :focus 外轮廓,与 EP 自绘 inset box-shadow 边框叠成两层
- 聚焦态边框仍由 EP 的 box-shadow(主色 1px)表达,单边框保留

src-vue/styles/globals.css

index 7fc5bff2751926815fc473e7ebcfba26a73d3244..f23d9ea80d3eb692b08d37b31ed120b7791ddf9b 100644 (file)
@@ -595,4 +595,8 @@ html,body{font-family:var(--ant-font-family);font-size:var(--ant-font-size);line
    边框由 .el-input__wrapper / .el-select__wrapper / .el-textarea__inner 的
    inset box-shadow 绘制;裸元素规则(如 .field input、.dlg-box input)
    不得再命中 EP 内部的 input/textarea,否则与 EP 自绘边框叠成两层。 */
-.el-input__inner,.el-textarea__inner,.el-select__input{border:0!important}
+.el-input__inner,.el-textarea__inner,.el-select__input{border:0!important;outline:0!important}
+/* EP 把边框画在 .el-input__wrapper / .el-select__wrapper 的 inset box-shadow 上;
+   这两个 div 是可聚焦元素,会带出浏览器默认的 :focus 外轮廓(3px 灰环),
+   与自绘边框叠成两层。用 !important 清掉轮廓,聚焦边框仍由 EP 的 box-shadow 表达。 */
+.el-input__wrapper,.el-select__wrapper{outline:0!important}