jquery - 添加文件时更改按钮的颜色

Question

我想在添加文件时更改按钮的背景颜色。我该怎么做？ 我的模板中有这样的 html

<form action="/" method="post" multiple>
    <input type="file" name="filename[]">
    <input type="submit">
</form>

我的问题是:如何在选择文件时更改类型文件输入的背景颜色

Answer 1

您可以为输入文件使用标签，试试这个:

function test(button) {
  $(button).parent().css('background-color', 'red');
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<label style="cursor: pointer;">
    <input style="display: none;" type="file" onchange="test(this);" />
    Click me
</label>