uniapp框架 input confirm-type=‘search’属性，ios机型输入框会有个放大镜图标

Question

<input

        type="text"
        focus
        placeholder="点击搜索商品"
        placeholder-class="placeholder"
        confirm-type=‘search’
      />

uniapp写的，添加了confirm-type=‘search’属性，在ios真机机型上会出现多一个放大镜。模拟器，andriod真机没有出现。

真机没有截图，我放一张模拟器上面的截图。大概在红色标识点出现。请问怎么在ios机型上去掉。

Answer 1

这是 Safari 浏览器提供的 input[type=search] 的默认样式。

试一下增加一个 CSS 样式看看：

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

P.S. 推荐使用 normalize 之类的来统一不同浏览器间的默认样式，要不然你即便解决了这个，也还是会有其他问题的。

Answer 2

请问解决了吗~