Question

我有一个上传的文件上传字段，它位于一个150px x 150px和透明（不透明度：0;）的div内。我想点击div内的任何部分来打开文件对话框，这样用户就可以选择要上传的文件了，所以我想增加它的高度和宽度。没有矿井的方法。我该如何解决这个问题？

<div id="adds" align="center" style="cursor:pointer; cursor:hand;">
   <h1 style="margin-top:45px;">
      <span>Select<br />photo</span>
      <input type="file" name="upper" id="upper" width="150" height="150" />
   </h1>
   </div>
</div>

Answer 1

#adds input {
  height: 150px;
  width: 150px;
}

使用CSS。请停止使用内联样式，但您知道，内联样式应使用以下语法：<input style="height:150px"; width:150px;"

Live demo here.

Answer 2

在HTML中：

<form> <input type="file" /> </form>

在CSS中：

input[type='file']{width:150px;height:150px;}

Answer 3

HTML

<input type="file" id="upper" name="upper" style="width: 150px; height: 150px;" />

CSS

#upper {width: 150px; height: 150px; }

Answer 4

在css中

#upper
{width:150px;
height:150px;
}

in html

<input type="file" name="upper" id="upper"  />

增加文件上传字段的高度和宽度

4 个答案: