UniApp iOS平台输入框搜索图标异常
在使用UniApp开发应用时,当标签设置confirm-type="search"属性后,iOS真机上会出现一个默认的放大镜搜索图标。此问题在模拟器和Android设备上不会出现。
问题根源
该问题源于Safari浏览器对元素的默认样式渲染。
解决方案
为解决此问题,请在您的样式表中添加以下CSS代码:
input[type=search] { -webkit-appearance: none; }
建议
为了避免跨平台浏览器样式差异带来的问题,建议使用normalize.css或类似的CSS重置工具来统一不同浏览器间的默认样式。 这可以有效预防类似问题的再次发生。