Bootstrap：使用自定义图像进行文件上传

Question

我必须使用bootstrap 3使用给定图像的文件上传按钮来自定义我使用的按钮外观

<label class="btn btn-primary" for="my-file-selector">
    <input id="my-file-selector" type="file" style="display:none;">
    Button Text Here
</label>

但是有5个图像上传按钮，其中一个我使用特定的图形提供了如何使用它？

Answer 1

你很近，你需要通过css将span或div作为背景图片，如下所示

<强> HTML

<label class="btn btn-primary" for="my-file-selector">
    <input id="my-file-selector" type="file" style="display:none;">
        <span id="image">Text</span>
</label>

<强> CSS

#image {background-image:url of the image}