如何更改文本“未选择文件”及其在联系表单 7 插件的文件上传文件中的位置

Question

亲爱的 Stackoverflow 会员， 我正在为我的 WordPress 网站使用 Contact Form 7 插件，并尝试自定义文件上传输入。 我可以使用这行 CSS 代码更改“选择文件”按钮。

.wpcf7-file {
  color: transparent;
}
.wpcf7-file::-webkit-file-upload-button {
  visibility: hidden;
}
.wpcf7-file::after {
  content: 'Choisir un fichier';
  color: #FFF;
  display: inline-block;
  background: #286889;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  font-weight: 400;
  font-size: 16px;
    margin-top: 7px;
}
.wpcf7-file:active {
  outline: 0;
}
.wpcf7-file:active::after {
  background-color: #ff9800; 
}

但是，我真的不明白如何更改文本和占位符“未选择文件”的位置，该占位符仍然位于输入的中间，如下图所示。

任何帮助都会非常好。

PS：在法语中，“未选择文件”是“Aucun fichier choisi”

Answer 1

你找到解决办法了吗？我仍在寻找可以将“无文件选择”文本更改为法语版本的解决方案