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

Question

我有一个用于上传的文件上传字段，它位于 150 像素 x 150 像素和透明（不透明度：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;"

现场演示在这里。

Answer 2

HTML

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

CSS

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

Answer 3

在 HTML 中：

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

在 CSS 中：

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

Answer 4

在 CSS 中

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

在 HTML 中

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