html - 联系表格7文件输入按钮的设计

我已经在WordPress网站上安装了Contact form 7，并且已经成功设置了其余字段的样式，但是不幸的是，我找不到如何设置“文件附加”按钮样式的解决方案。我已经在管理面板中插入了我在联系表格7模块中编写的代码。除此之外，我在style.css中有CSS。

谁能帮我？

<div class="container">

<div class="row">

<div class="col-md-4">
<p>Your Name (required)<br />
    [text* your-name] </p>
</div>

<div class="col-md-4">
<p>Your Email (required)<br />
    [email* your-email] </p>
</div>

<div class="col-md-4">
<p>Subject<br />
    [text your-subject] </p>
</div>
</div>

<div class="row">

<div class="col-md-8">
<p>Your Message<br />
    [textarea your-message] </p>
</div>

<div class="col-md-4">

[file* uploadcv limit:50000000 class:cv-upload]

</div>
</div>

<div class="row">
<div class="col-md-4 ">
[recaptcha id:recapcha class:recapcha]
</div>

<p>[submit "Send"]</p>
</div>

</div>

最佳答案

像这样使用HTml

<div id="upload-file">
   <input type="file" name="photo" />
</div>

和CSS

#upload-file {
   background: url(images/custom-file-input.png) no-repeat;
}

#upload-file input {
    opacity: 0;
    display:inherit;
}

我认为它将起作用。

关于html - 联系表格7文件输入按钮的设计，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33803712/