
uniapp iOS 输入框放大镜图标的完美解决方案
在uniapp开发中,使用confirm-type="search"属性时,iOS真机上常常会出现恼人的放大镜图标,而安卓模拟器和真机却不会出现此问题。
解决方法很简单,只需在CSS中添加如下代码即可:
input[type=search] {
-webkit-appearance: none;
}
这段代码会覆盖Safari浏览器对input[type=search]元素的默认样式,从而去除烦人的放大镜图标。
为了避免类似问题在其他浏览器或场景中出现,建议您使用normalize.css等CSS重置库,统一不同浏览器对默认样式的处理,确保项目在不同平台上的显示一致性。










