在網(wǎng)上找到了處理默認(rèn)樣式的辦法，

[type=search]::-webkit-search-cancel-button{
    -webkit-appearance: none;
    position: relative;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-color: blue;
}
[type="search"]::-webkit-search-cancel-button:after{
    z-index:10;
    position: absolute;
    content: 'x';
    right: 0;
    top: 0;
    font-size: 20px;
    color: #fff;
}

并比起作用，嘗試了很多次，不知道哪里的問題，有大神指點(diǎn)