input search更改默认删除按钮的样式
改input输入框search属性下输入文字之后会在输入框最后出现一个默认样式的X不过这个样式不太好看想自定义怎么办呢
方法一
input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; height: 16px; width: 16px; background: url(https://yxs-web.oss-cn-beijing.aliyuncs.com/328e4d97f9d0d68ea04e872f68e508e3.png) no-repeat; background-size: contain; }
方法二(禁用掉样式就好了,再自己往上加样式.)
input::-webkit-search-cancel-button { display: none; }