本文参考自TJ VanToll的List of Pseudo-Elements to Style Form Controls. 如果你想看原汁原味的译文，可以移步这里：伪元素控制表单样式. 我这里所有的效果都自己重新制作demo试验了下，辨别下真伪，看看window环境下的差异以及其他一些属性 ...

一、<input type="file"/>在各个浏览器中的默认样式： 系统 浏览器 样式效果 点击效果 mac google 点击按钮和输入框都可以打开文件夹 ...

兼容IE的自定义input搜索框叉号样式(使用图片替换input原生叉号) 广州vi设计公司 http://www.maiqicn.com 我的007办公资源网 https://www.wode007.com 代码 ...

思路：使用label上的for熟悉，与checkbox上的id相对应来达到点击选中效果，在使用伪元素，或者其他元素，定位至checkbox上方，替代checkbox，并且隐藏checkbox，使用CSS3选择器：checked + 毗邻选择器，选中后给伪元素，或者其他元素添加选中样式 ...

&__content{ width: 136px; border: none; //去除边框 outline: none; //可以去除点击input时的border } ...

html自带的选择框样式不好看，并且在ios设备上丑的罚款。所以一般都是自定义样式； 原理：将原来默认的input选择框隐藏，然后控制label的:before与:after,配合矢量图标或者图片来实现选中效果。 由于时间原因，只做了个一种样式。想要其他样式的话改改就行了。想看更详细 ...

隐藏input等表单的默认样式的背景： textarea,select,input{-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;} 让div看起来像按钮 ...

1. 概述 1.1 说明 css重置样式主要是为了让各个浏览器的CSS样式有一个统一的基准，使HTML元素样式在跨浏览器时有一致性的效果。 备注：浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果不对css初始化往往会出现浏览器之间的页面显示差异。但是初始化样式也会对SEO有一定 ...