效果图:
使用type=”search " 会得到如下的效果。
(PC端的效果):
(手机端的效果):点击”搜索“的时候,可以进行查询。
去掉type=”search“ 默认带的x号:
input[type="search"]::-webkit-search-cancel-button {
display: none;
}
敲手机上的 ”回车“,”搜索“等搜索按钮的时候,会触发搜索。
<input type="search" placeholder="搜索2" v-model="searchContext" @keypress="searchInputConHandler" />