H5 input[type=search] 去掉输入框中系统自带的清除小图标

在H5中input有了更多的type属性,其中type=search在M站和混合App中可使弹出的输入法右下角的 确认按钮文字变为 [ 搜索 ] ,这在使这个属性在不少地方都有使用.

可是这个系统的蓝色小清除图标一般得不到设计师们的承认,那么如何去掉这个讨厌的小图标呢?

css 提供了解决办法:

input[type=search]::-webkit-search-cancel-button{
    -webkit-appearance: none;  //此处去掉默认的小×
}

完美解决