javascript - 输入类型文件大小在 Linux/Windows 中有所不同

标签 javascript html css

我有一个带有 size="70"width="522px"input type="file" 元素。它在 Windows 上的所有浏览器中看起来和工作正常,但在 Linux 上的 Firefox 中,输入元素大于 522 像素。

我尝试过的事情:

  1. max-width:522px 但它不起作用 (Linux)。
  2. 设置 size="52"min-width:522px; 在 Linux 中看起来不错,但在 Windows 上的 Firefox 中不起作用。

如何指定 522 像素宽度?

最佳答案

问题是浏览器没有将按钮视为输入的一部分。所以如果你有这样的东西:

<div style="width: 500px; overflow: hidden">
<input type="file" id="uploadfile_0" class="fileinput" style="border: 2px solid #a9a9a9; width: 100%; height: 22px;" name="uploadfile_0"/>
</div>

输入按钮浏览在父级之外,我不认为有一个简单的解决方案。

您可以阅读 about styling input type="file"在 quirksmode.org 上

关于javascript - 输入类型文件大小在 Linux/Windows 中有所不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/929946/

相关文章:

javascript - ie javascript for in 循环 vs chrome for in 循环

javascript - 当 JavaScript 执行时,Internet Explorer 6 中止页面请求

html - CSS 导航垂直对齐

html - 使两个 div 响应

html - block 显示的 CSS 大纲错误

javascript - bool 值 if 语句的技巧

javascript - jquery工具提示负位置

html - 如何阻止未知机器人访问我的网站?

jquery - 通过 JQuery 检测元素上的内联样式/CSS 更改

CSS-3 围绕中心点水平循环 div