uni-app IOS15系统input设置confirm-type="search"时，输入框自动追加图标

uni-app IOS15系统input设置confirm-type="search"时，输入框自动追加图标

3 回复

HBuilderX alpha 3.2.9 已修复，请升级 查看相关帖子：https://ask.dcloud.net.cn/question/129259

更多关于uni-app IOS15系统input设置confirm-type="search"时，输入框自动追加图标的实战教程也可以访问 https://www.itying.com/category-93-b0.html


谢谢

在iOS 15系统中，当input组件设置confirm-type="search"时，系统会自动在输入框右侧追加搜索图标。这是iOS 15对搜索类型输入框的默认UI行为，属于系统级特性，并非uni-app的bug。

如果你希望保持各平台UI一致，可以考虑以下方案：

  1. 使用自定义搜索框：放弃原生input的搜索类型，改用view+input组合自定义样式，完全控制图标显示。

  2. 条件编译处理：通过条件编译针对iOS平台调整样式：

<!-- #ifdef APP-PLATFORM-IOS -->
<view class="custom-search">
  <input type="text" />
  <image src="/static/search.png"></image>
</view>
<!-- #endif -->
  1. CSS覆盖：尝试通过CSS隐藏系统图标（效果可能因iOS版本而异）：
input[type="search"]::-webkit-search-decoration {
  display: none;
}
回到顶部