标签导航:

uniapp ios输入框搜索图标为何出现?如何解决?

UniApp iOS平台输入框搜索图标异常

在使用UniApp开发应用时,当标签设置confirm-type="search"属性后,iOS真机上会出现一个默认的放大镜搜索图标。此问题在模拟器和Android设备上不会出现。

问题根源

该问题源于Safari浏览器对元素的默认样式渲染。

解决方案

为解决此问题,请在您的样式表中添加以下CSS代码:

input[type=search] {
  -webkit-appearance: none;
}

建议

为了避免跨平台浏览器样式差异带来的问题,建议使用normalize.css或类似的CSS重置工具来统一不同浏览器间的默认样式。 这可以有效预防类似问题的再次发生。