Html 如何设置联系人表单7文件输入按钮的样式

我似乎无法在联系人表单7中锁定向上加载文件的按钮。我如何才能目标选择文件按钮，以便我可以添加一个背景色等。哦，我也这样做是WordPress，以防你需要知道。所以在后端看起来是这样的

<label class="form_label"> Your Name<span>*</span>
[text* your-name]</label>

<label class="form_label"> Your Email<span>*</span>
[email* your-email]</label>

<label class="form_label">Tel
[tel tel]</label>

<label class="form_label">CV<span>*</span>
[file cv id:upload]</label>

<label class="form_label">Cover Letter
[textarea your-message]</label>

[submit "Send"]

你的名字*
[文本*您的姓名]
你的电子邮件*
[电子邮件*您的电子邮件]
电话
[电话]
简历*
[文件cv id:上载]
求职信
[文本区域您的信息]
[提交“发送”]

我的输出html如下所示

你的名字*


您的电子邮件*


电话


CV*


求职信

您不能像任何按钮一样设置文件上传按钮的样式，相反，您可以使用伪元素覆盖按钮并对其应用样式。你可以试试这样的。您可以根据需要更改“新建”按钮的内容和样式：

span.cv{
位置：相对位置；
}
简历：之前{
内容：“上传文件”；
位置：绝对位置；
左：0；
填充物：5px；
背景：红色；
颜色：#fff；
宽度：130px；
文本对齐：居中；
边界半径：5px；
光标：指针；
}
span.cv>输入{
可见性：隐藏；
}

你的名字*


您的电子邮件*


电话


CV*


求职信

我必须更改

可见性：隐藏
通过<代码>不透明度：0

根据so，该按钮继续工作，否则单击不会提示浏览。
我已经尝试在其上放置id，但它不工作。我尝试过此操作。我不能只瞄准按钮。如果你认为有可能的话，请你给我看看。谢谢，按一下按钮就行了。这就是我一直遇到的问题。感谢您的帮助将
可见性：隐藏
添加到
，以便隐藏后面的原始元素，该元素可能比覆盖按钮宽。不确定为什么投票结果被否决，因为这确实是正确的。如果没有添加此信息，接受的答案实际上是错误的/不正确的，因为它会停止按钮的工作。@Hybridwebdev接受的答案没有错误，我们不需要使用不透明度更改可见性，因为我们有获取单击事件的标签。实际上，这里的链接中提供的解决方案是不好的，因为它使用了div，因此我们仍然需要在一个不可见的输入上单击事件，而不是接受答案的情况（PS：即使您认为答案是错误的，也不要编辑答案来更改其含义。评论或添加新答案）。即使
display:none
也不能与接受的答案一起使用。否。它不起作用。我知道这一点，因为我自己在寻找实现样式化文件输入时遇到了这个答案。您的回答是错误的，因为文件输入的单击事件从未触发。只有当我把它改成不透明时，它才起作用。我相信这是因为如果输入是隐藏的，点击事件不会通过。我相信你没有彻底测试这个，否则你会明白为什么它不起作用。你删除了我的编辑只是表明你无法接受批评。请帮未来读者一个忙，放下你的骄傲，编辑你的答案以反映正确的解决方案。