html5 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);

}

链接: http://www.fly63.com/article/detial/8716