使用 CSS 語法讓搜索欄具備取消按鈕吧!

使搜索欄 input[type=”search”] 具有取消按鈕。

範例 : search-cancel-button

參考連結 : MDN

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

input[type="search"]::-webkit-search-cancel-button{
    -webkit-appearance: search_btn-cancel-button;
}