input改变search框默认清除X样式重写

input[type=search]::-webkit-search-cancel-button{ -webkit-appearance: none; position: relative; height: 15px; width: 15px; border-radius: 50%; background :#EBEBEB url("img/clear.png") no-repeat center; background-size: 18px 18px; }

 

注*X为图片背景  -webkit-search-cancel-button后写after无效 也可将背景色放入图片