直接加 outline: none 无法完全去除 uni-app input 获取焦点时的默认边框，因 Android 和微信小程序等平台会叠加 native 层 focus 样式，需同时设置 border: none、outline: none、box-shadow: none 并提高选择器权重，必要时穿透样式或使用内联 style。
uni-app input 获取焦点时的默认边框怎么去掉
直接加 outline: none 就能干掉那个烦人的蓝色外边框，但仅靠这一个声明在部分 Android 或微信小程序环境里可能无效——因为平台会额外加一层 native 层的 focus 样式，必须配合其他样式一起压制。
为什么只写 outline: none 有时没用
uni-app 编译到不同端时，input 实际渲染结果不同：H5 端走标准 HTML 行为；小程序端由 WebView 或原生控件接管；App 端（尤其是 Android）还会叠加系统级 focus 效果。所以单靠 CSS 伪类可能被覆盖或忽略。
-
outline只控制键盘/Tab 焦点的虚线框，不控制点击聚焦时的 border 或 shadow - 某些安卓 Webview 会强制给
input:focus加border-color或box-shadow - 微信小程序中，
input是自定义组件，:focus伪类支持有限，得靠 class 控制
真正生效的 CSS 写法（全端兼容）
必须同时覆盖 border、outline、box-shadow 三处，并确保选择器权重足够高。推荐写法如下：
.my-input {
border: none;
outline: none;
box-shadow: none;
}
.my-input:focus {
border: none !important;
outline: none !important;
box-shadow: none !important;
}
- 把 class 绑定到
<input>上，不要只依赖input:focus伪类 - 如果用了
uni-easyinput等封装组件，需穿透样式，比如加::v-deep或/deep/（Vue 2）或:deep()（Vue 3） - 微信小程序中，
input的 focus 边框还可能来自placeholder-class或父容器，要一并检查
App 端（Android）额外要注意的坑
即使 CSS 全写了，某些 Android 设备仍会闪一下原生 focus 框——这是 WebView 渲染机制导致的，无法完全消除，但可弱化视觉影响：
- 避免用
border: 1px solid transparent这类“假装没边框”的写法，它会被识别为有 border 而触发 native 动画 - 给
input加user-select: none，减少误触反馈 - 如果用的是 nvue 页面，CSS 失效更常见，建议改用
style内联写死，或用native-style属性（如native-style="border:none;"）
最麻烦的其实是调试阶段看不到效果——真机上才暴露，所以每次改完必须连真机验证，模拟器和 H5 预览都不准。
