From: root Date: Mon, 28 Sep 2026 06:50:40 +0000 (+0800) Subject: 修复 EP 输入框 hover/focus 双层边框:清掉可聚焦 wrapper 与内部 input 的浏览器默认 outline X-Git-Url: http://acesimba.cloud/gitweb/?a=commitdiff_plain;h=0bdc2800aef7a492abf3a9ff481379174312d7a5;p=StationBuilder-vue.git 修复 EP 输入框 hover/focus 双层边框:清掉可聚焦 wrapper 与内部 input 的浏览器默认 outline - 全局守卫 .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)表达,单边框保留 --- diff --git a/src-vue/styles/globals.css b/src-vue/styles/globals.css index 7fc5bff..f23d9ea 100644 --- a/src-vue/styles/globals.css +++ b/src-vue/styles/globals.css @@ -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}