input#file-upload-button如何修改input标签中默认的#file-upload-button

要修改input标签中默认的#file-upload-button，你可以使用CSS样式来实现。首先，你需要给该input标签添加一个自定义的class或id属性，例如：

<input type="file" id="my-file-upload" name="my-file-upload" class="custom-file-input">

然后，你可以使用CSS样式来定义这个class或id属性的样式，例如：

.custom-file-input {
  /* 隐藏默认的#file-upload-button */
  display: none;
}

#my-file-upload + label {
  /* 添加自定义的按钮样式 */
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

在上面的CSS样式中，我们通过`.custom-file-input`类来隐藏默认的#file-upload-button，然后通过`#my-file-upload + label`选择器来定义自定义的按钮样式。这里的`+`符号表示选取紧接在#my-file-upload元素后面的label元素。

这样，当用户点击自定义的按钮时，实际上是触发了#my-file-upload元素的点击事件，从而弹出文件选择框。