html - 为什么浏览器控制输入类型文件按钮?

标签 html browser upload

我很好奇为什么不同的浏览器有不同的<input type="file">按钮浏览文件。有很多问题询问如何设置它们的样式,显然使用了某种“黑客”来改变它们。但是没有人真正解释为什么浏览器会控制它?

最佳答案

还记得只有一个浏览器的时代吗?如果样式中没有使用字体,浏览器必须设置默认字体。不仅字体有默认值,按钮也有默认值。即使不使用样式,也需要显示元素。

随着时间的推移,出现了更多的浏览器,它们可能具有相同的默认字体,但没有,它们希望彼此区分。

想象一下,开发人员忘记设置按钮的样式并且按钮没有默认值。怎么会<input>好像?表格下方 float 的文本?那不是很美观。

回到问题:文件输入按钮。它最初被赋予了一个固定的名称,而当前的浏览器只是继续最初实现的内容。随着时间的推移,人们已经习惯了他们在浏览器中看到的文件上传文本。就像下面的引用资料所说,有些人,例如老年人或不擅长(不限于)不使用其他浏览器的计算机,可能会在看到另一串文本时感到困惑。

引用:Change default text in input type="file"?

所以说控制力有点太强了。回退听起来好多了。 :)

关于html - 为什么浏览器控制输入类型文件按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36277250/

相关文章:

Jquery/Ajax 文件 uploader

gradle - 在 gradle 中仅上传 war/jar 文件(限制 zip/tar 生成和上传)

javascript - 使用媒体查询在 CSS 中用单个 div 替换轮播

javascript - 在 div 元素的 Y 溢出时调用(触发)一个 JS 函数

javascript - 您可以在 Windows 10 上使用 JavaScript 在 Edge 和 IE11 中检测到 "Tablet Mode"吗?

css - 将现有 CSS 布局转换为 IE4 友好的快速方法?

html - 如何从第二级父级访问元素?

html - 单击 href 链接时如何使用 css 控件将焦点放在 div 背景上

javascript - 我想防止我的浏览器无法调整大小

android - React Native博览会上传:ios issue