自定义上传按钮

Question

我想包装一个隐藏的文件上传按钮，以便我可以本地化文本。这样可行。但是，我现在想用一个按钮而不是一个原始的填充 div 来包装标签和上传按钮。每（3）CSS按钮库我已尝试显示按钮，在选择并打开“空白屏幕或立即帖子”或“立即帖子”时出现“按钮，”文件打开“对话框。这是不可能的还是推荐一种在本地化文件输入周围包裹一个按钮的替代方案？

> <style>
>     .ui-widget-header, .ui-state-default, ui-button {
>         background: #b9cd6d;
>         border: 1px solid #b9cd6d;
>         color: #FFFFFF;
>         font-weight: bold;
>     }
> 
>     input[type="file"] {
>         display: none;
>     }
> 
>     .custom-file-upload {
>         border: 1px solid #ccc;
>         display: inline-block;
>         padding: 6px 12px;
>         cursor: pointer;
>     } 
</style>

<div class="form-group"> <button class="btn-sm">
                        <label for="ediFile" class="custom-file-upload btn btn-default">
                            <span th:text="#{addYourEDI}"></span>
                            <input type="file" name="ediFile" multiple="multiple"
                                   accept=".pdf,.xls,.xlsx,.csv,.zip" style="visibility: hidden;

位置：绝对；" class="btn btn-outline-secondary" id="ediFile" onchange="ediFileChange()"/>

Answer 1

过失。语法错误。对不起。