我们都喜欢样式精美的form控件，但是由于操作系统显示之间的差异，样式化它们可能会很痛苦。由于这种痛苦，我们创建了许多库来模拟这些控件。不幸的是，这有时会以可访问性、性能等为代价。
input[type=file]元素是传统上难以设置样式的一种控件。所述input变体在视觉上包含一个按钮和文本，都可以点击。如果你问我的话，有点像弗兰肯斯坦的怪物。我们可以设计按钮部分吗？我们可以！
要设置input[type=file]的按钮按钮部分的样式，您可以使用::file-selector-button ：
输入[类型=文件]::文件选择器按钮{
边框：1px 纯绿色；
背景：浅绿色；
}
首次引入此input变体时无法对其进行样式设置。 WebKit 首先开始允许样式化复杂的表单控件，我们对他们感激不尽！
CSS ::file-selector-button帖子首先出现在David Walsh 博客上。
