uni-app IOS 15 search-input界面出现多余图标

uni-app IOS 15 search-input界面出现多余图标

信息类别 详情
产品分类 uniapp/App
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 21H1
HBuilderX类型 正式
HBuilderX版本号 3.2.3
手机系统 iOS
手机系统版本号 IOS 14
手机厂商 苹果
手机机型 iPhone 12 Pro
页面类型 vue
打包方式 云端
项目创建方式 HBuilderX

操作步骤:

1

预期结果:

2

实际结果:

3

bug描述:

当input的confirm-type=“search”时 会自动多一个搜索图标
换成其他类型就没有

IOS 15.0
机型iPhone 12 Pro

Image
Image
Image
Image


更多关于uni-app IOS 15 search-input界面出现多余图标的实战教程也可以访问 https://www.itying.com/category-93-b0.html

4 回复

HBuilderX alpha 3.2.8 已修复

更多关于uni-app IOS 15 search-input界面出现多余图标的实战教程也可以访问 https://www.itying.com/category-93-b0.html


厉害了奥

问题确认,下个版本会修复,已加分,感谢您的反馈! 查看关联帖子:https://ask.dcloud.net.cn/question/129259

这是iOS 15系统对search类型输入框的默认样式调整。当input的confirm-type设置为"search"时,iOS 15会自动在键盘上添加搜索图标,这是系统级的行为,并非uni-app的bug。

解决方案:

  1. 如果不需要这个图标,可以改用其他confirm-type类型
  2. 或者通过CSS自定义样式覆盖系统默认样式:
input[type="search"]::-webkit-search-decoration {
  display: none;
}
回到顶部