CSS3伪元素控制表单样式

0

我相信很多同学都和我一样,不喜欢浏览器自作多情的一些表现,比如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;}

20220608批注
现在基本上对于样式没有什么太多追求了,感觉再怎么漂亮的外观也不敌优异的性能。
所以现在基本上都是使用默认样式,电脑壁纸、手机主题啥的基本上都是系统自带的。