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

Question

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

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

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

Answer 1

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

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;