input file好看的样式

对于 input file 的样式，可以使用一些 CSS 来美化。以下是一个简单的样例：

<label for="input-file" class="input-file-label">
  <span class="input-file-button">选择文件</span>
  <span class="input-file-name">没有选择文件</span>
</label>
<input type="file" id="input-file" class="input-file" />

<style>
  .input-file-label {
    display: inline-block;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 8px;
  }

  .input-file-label:hover {
    background-color: #f1f1f1;
  }

  .input-file-button {
    background-color: #eee;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
  }

  .input-file-name {
    margin-left: 12px;
    font-size: 14px;
  }

  .input-file {
    display: none;
  }
</style>

这段代码会生成一个带有选择文件按钮和文件名显示的 input file 样式。你可以根据需要进行修改和美化。