CSS去除和修改input[type=search]后面的小x样式

默认情况下input[type=search]，当有输入时，在输入框后会有一个”x“，用于快速清除输入的内容。但有时样式和页面不搭配，需要删除或者修改样式。

删除webkit-search-cancel-button

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

修改webkit-search-cancel-button

input::-webkit-search-cancel-button {
   /**移除默认样式**/
   -webkit-appearance: none;
   position: relative;
   height: 15px;
   width: 15px;
   border-radius: 50%;
   /**使用自定义的背景图替换默认X  **/
   background: url("custome-clear.png") no-repeat center;
   background-size: 100% 100%;
   color:rgba(0,0,0,0);
}