为什么设计著名的浏览按钮（文件输入）如此困难？答案

【问题标题】：Why is it so hard to style the famous Browse button (file input)?为什么设计著名的浏览按钮（文件输入）如此困难？
【发布时间】：2012-10-13 16:51:50
【问题描述】：

每个人都想（并且应该）知道how to style a file input in an html form（有several众所周知的techniques）。但我更想知道为什么我们必须与看似微不足道的技术限制作斗争。

我对@987654324@ 不太满意，所以也许我在研究过程中完全错过了它，但我找不到任何关于这个问题的起源的可靠文档（参考文献是甜）。

【问题讨论】：

标签： html css

【解决方案1】：

暴露于文件系统是非常受保护的。有时甚至没有授予访问权限（iPhone）。

【讨论】：

【解决方案2】：

基本上，在任何标准中都没有“浏览按钮”。这就是您的浏览器恰好呈现控件的方式。不同的浏览器以不同的方式呈现它——不同的颜色、不同的大小、不同的位置等。如果有一种方法可以更合理地设置输入样式就好了，但现在它们的内容就是所谓的“影子 DOM”，这基本上意味着“里面有东西，但你不能碰它，因为它不应该在标准中。”

【讨论】：

【解决方案3】：

这很难，因为拥有一个您无法识别为标准文件浏览按钮的按钮可能会导致安全风险。这就像 onBeforeUnload 的对话框和其他有风险的功能一样：它们必须是可识别的。

【讨论】：

【解决方案4】：

此控件由操作系统呈现，而不是 HTML。它因平台而异。因为它不是规范的一部分，所以很难设置样式。

【讨论】：