
uniapp 输入框放大镜图标的去除方法
在使用 Uniapp 开发过程中,当 input 元素设置 confirm-type 属性后,iOS 设备上的输入框会默认显示一个放大镜图标。这是 Safari 浏览器对 input[type=search] 元素的默认样式造成的。
解决方法:
您可以通过 CSS 样式来去除这个放大镜图标:
input[type=search] {
-webkit-appearance: none; /* 去除放大镜图标 */
}
将这段 CSS 代码添加到您的 Uniapp 项目样式文件中即可。 此外,使用 normalize.css 等 CSS 框架也可以帮助您统一不同浏览器和设备的默认样式,避免类似问题的出现。










