小编典典

为 input type="file" 按钮设置样式

all

您如何设置输入type="file"按钮的样式?

<input type="file" />

阅读 219

收藏
2022-02-28

共1个答案

小编典典

样式文件输入是出了名的困难,因为大多数浏览器不会改变 CSS 或 javascript 的外观。

即使输入的大小也不会响应以下内容:

<input type="file" style="width:200px">

相反,您将需要使用 size 属性:

<input type="file" size="60" />

对于任何比这更复杂的样式(例如更改浏览按钮的外观),您将需要查看在本机文件输入顶部覆盖样式按钮和输入框的技巧。rm
在www.quirksmode.org/dom/inputfile.html上已经提到的文章是我见过的最好的文章。

更新

虽然很难<input>直接为标签设置样式,但在标签的帮助下很容易做到这一点<label>

2022-02-28