當 <input> 的 type 是 search 時，使用者輸入內容後，右側會顯示清除按鈕。要調整它的樣式，可以使用：
input::-webkit-search-cancel-button {
position: relative;
right: 20px;
-webkit-appearance: none;
width: 20px;
height: 20px;
border-radius: 10px;
background: red;
}
2026 年後記
::-webkit-search-cancel-button 是非標準、瀏覽器引擎限定的偽元素。若需要跨瀏覽器一致的外觀，較穩定的方式是自行建立清除按鈕。