CSS3伪元素控制表单样式

我相信很多同学都和我一样,不喜欢浏览器自作多情的一些表现,比如IE密码后面的删除输入信息的那个X,日期/数字input后面的上下箭头符号,datalist下拉箭头,还有IE说出密码什么想手机wifi那个图标以及很多诸如rangemeterprogress等等新属性或标签的内置样式修改,但是又不知道怎么清除,今天终于是找到一片好文章,使用CSS的伪元素很轻松的就可以去掉这些东西,下面贴出连接:http://www.w3cplus.com/css3/list-of-pseudo-elements-to-style-form-controls.html

可以看看本站上面的搜索输入框就修改了样式:

input::-webkit-calendar-picker-indicator{color:#1ABC9C;background:none;}