摘要 今天小编跟大家讲解下有关修改input搜索框默认叉号的样式为自定义图片 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关修改i

今天小编跟大家讲解下有关修改input搜索框默认叉号的样式为自定义图片 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关修改input搜索框默认叉号的样式为自定义图片 的相关资料，希望小伙伴们看了有所帮助。

兼容IE的自定义input搜索框叉号样式(使用图片替换input原生叉号)

代码

input::-webkit-search-cancel-button { -webkit-appearance: none; position: relative; height: 15px; width: 15px; border-radius: 50%; background: url("1.jpg") no-repeat center; background-size: 100% 100%; color:rgba(0,0,0,0);}input[type=search]::-ms-clear { appearance: none; position: relative; height: 15px; width: 15px; border-radius: 50%; background: url("1.jpg") no-repeat center; background-size: 100% 100%; color:rgba(0,0,0,0);}

来源：爱蒂网