小编典典

设置输入类型=“文件”按钮的样式

html

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


阅读 514

收藏
2020-05-10

共1个答案

小编典典

众所周知,对文件输入进行样式设置非常困难,因为大多数浏览器都不会通过CSS或javascript更改外观。

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

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

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

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

对于任何比这更复杂的样式(例如,更改浏览按钮的外观),您将需要研究在本地文件输入上方叠加样式按钮和输入框的棘手方法。rm在www.quirksmode.org/dom/inputfile.html上]已经提到的文章是我见过的最好的文章。

更新

尽管很难<input>直接为标签设置样式,但可以借助<label>标签轻松实现。

2020-05-10