H5 input[type=search] 去掉輸入框中系統自帶的清除小圖標

在H5中input有了更多的type屬性,其中type=search在M站和混合App中可使彈出的輸入法右下角的 確認按鈕文字變爲 [ 搜索 ] ,這在使這個屬性在不少地方都有使用.

可是這個系統的藍色小清除圖標一般得不到設計師們的承認,那麼如何去掉這個討厭的小圖標呢?

css 提供瞭解決辦法:

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

完美解決