如何更改“选择文件”按钮的颜色（wordpress）？

Question

我需要更改 Choose File 的颜色。
我尝试了以下代码，但它只改变了 No file chosen.
请告诉我如何更改颜色好吗？

.hide-if-value input {
  color: red!important;
}

<div class="hide-if-value">
  <label class="acf-basic-uploader">
        <input type="file" name="acf[field_60bc599999c5]" id="acf-field_60bc599999c5">
   </label>
</div>

谢谢。

Answer 1

您可以使用 ::file-selector-button，因为上传按钮是伪元素的一部分。

.hide-if-value input[type=file]::file-selector-button {
  color: red;
}

<div class="hide-if-value">
  <label class="acf-basic-uploader">
            <input type="file" name="acf[field_60bc599999c5]" id="acf-field_60bc599999c5">
      </label>
</div>

Answer 2

你可以试试这个代码。

input[type=file]::file-selector-button {color: #069e08; }

如何更改“选择文件”按钮的颜色（wordpress）？

How to change the color of the Choose File button (wordpress)?

css

wordpress

colors

button