html 中input标签 用type=“file” 时,颜色怎么设置呀

我在写入一个input 文件上传时,页面显示的是

img


我想把这个选择文件这个框里面的颜色改一下
现在用的是 下面图中的方式

img


只能改变标签前一层的颜色,不能改变“选择文件”这一个标签的颜色。

可以再单独写一个设置样式的按钮A,A和这个input一起放在一个div盒子里,div设置position:flex,然后这个元素定位在同一个位置,input的opacity设置为0,视觉上隐藏这个input,然后input的z-index高于按钮A

那只能自己定义了,参考这个

昨天也是写了file标签,个人感觉它的样式很难控制。
我的做法是: 使用

<label for="myfile" >通过for属性与file的id进行绑定,点击label与点击file效果是一样的</label>
<input type="file" id="myfile"/>

参考下这个链接: