input type="file" 修改样式

要修改 `<input type="file">` 的样式，可以通过以下两种方式实现：

1. 使用 CSS：通过设置 `<input>` 元素的样式，来改变 `<input type="file">` 的样式。例如：

<label for="file-upload" class="custom-file-upload">
  <i class="fa fa-cloud-upload"></i> Custom Upload
</label>
<input id="file-upload" type="file"/>

.custom-file-upload {
  border: 1px solid #ccc;
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
  font-size: 14px;
  text-align: center;
}

这里通过一个 `<label>` 元素来模拟 `<input type="file">`，并且设置其样式为自定义的样式。

2. 使用 JavaScript：通过隐藏原生的 `<input type="file">`，并且创建自己的样式，来模拟文件上传的过程。例如：

<div class="custom-file-upload">
  <label for="file-upload">Custom Upload</label>
  <input id="file-upload" type="file"/>
</div>

.custom-file-upload {
  border: 1px solid #ccc;
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
  font-size: 14px;
  text-align: center;
}

.custom-file-upload input[type="file"] {
  display: none;
}

这里通过一个 `<div>` 元素来模拟 `<input type="file">`，并且设置其样式为自定义的样式。同时，通过设置 `<input>` 元素的 `display` 属性为 `none`，来隐藏原生的文件上传控件。