如何设置“选择文件”按钮的样式？

<input type="file" id="fileInput">

input[type="file"] {
  /* 设置按钮的样式 */
  /* 例如，设置背景颜色、字体样式、边框等 */
}

input[type="file"]::before {
  content: "选择文件";
  /* 设置按钮的样式 */
  /* 例如，设置背景颜色、字体样式、边框等 */
}

input[type="file"] {
  position: absolute;
  opacity: 0;
  z-index: 2;
}

input[type="file"]::before {
  /* 设置自定义按钮的样式 */
}

var fileInput = document.getElementById("fileInput");
fileInput.addEventListener("change", function(event) {
  var selectedFile = event.target.files[0];
  // 处理选择的文件
});