18

我知道由于浏览器语言，这两个词会自动翻译。但我的 HTML 并没有这样做。

HTML：

<p>
  <label for="id_company_logo">
     Company Logo:
  </label>
  <input type="file" name="company_logo" id="id_company_logo" />
</p>

它是从以下“表单”代码生成的django：

company_logo = forms.ImageField(label=_('Company Logo'),required=False, error_messages = {'invalid':_("Image files only")}, widget=forms.FileInput)

我做错什么了吗？我现在搜索了一段时间，但我完全没有运气。

提前致谢。

4

2 回答 2

9

这个问题在 Stackoverflow 上讨论过多次。
以下是文章：
如何更改输入类型=“文件”的按钮文本？
标记文件上传按钮
更改输入类型=“文件”中的默认文本？

但这是一篇很棒的文章。

在这里您可以找到解决问题的方法。

于 2013-01-20T18:07:11.873 回答
2

请起诉这个。

.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
  background-color: #fff;
  border: 1px solid #cdcdcd;
  border-radius: 3px;
  padding: 8px 12px;
  height: 39px!important;
  width:calc(100% - 26px);
}

.upload-btn-wrapper .btnr {
  border: 1px solid gray;
  color: gray;
  background-color: #eee;
  padding: 5px 10px;
  border-radius: 1px;
  font-size: 14px;
  font-weight: bold;
  position: relative;
}
.upload-btn-wrapper .btnr + span {
  padding: 5px;
  font-weight: normal;
  }

.upload-btn-wrapper input[type=file] {
    font-size: 42px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
<div class="upload-btn-wrapper">
  <button class="btnr" title="haga clic para cargar el archivo">Seleccionar archivos</button>
  <span>No hay archivos elegidos</span>
  <input type="file" name="myfile" title="haga clic para cargar el archivo" />
</div>

和css运行看看

于 2019-11-14T12:56:40.767 回答