设置输入类型="文件"按钮的样式

设置输入类型="文件"按钮的样式可以通过使用CSS来实现。以下是一个简单的示例：

HTML代码：

CSS代码：

#file-input {
  display: none;
}

.file-input-button {
  display: inline-block;
  padding: 10px 20px;
  background-color: #4CAF50;
  color: white;
  border: none;
  cursor: pointer;
}

.file-input-button:hover {
  background-color: #3e8e41;
}

JavaScript代码：

const fileInputButton = document.createElement('button');
fileInputButton.className = 'file-input-button';
fileInputButton.innerText = '选择文件';
fileInputButton.addEventListener('click', () => {
  document.getElementById('file-input').click();
});

document.body.appendChild(fileInputButton);

这个示例中，我们首先将原始的文件输入按钮设置为隐藏状态，然后创建一个新的按钮并设置样式。最后，我们使用JavaScript代码将新按钮与原始文件输入按钮进行绑定，使得点击新按钮时，原始文件输入按钮也会被触发。