xpages - 如何在 xp:fileUpload 控件上隐藏“未选择文件”文本？

Question

如何删除/隐藏文件上传按钮旁边的“未选择文件”文本？

我的 fileUpload 控件的代码：

                        <xp:fileUpload id="fileUpload1"
                            value="#{document1.Picture}"
                            rendered="#{javascript:document1.isEditable()}"
                            mimetype="image/jpeg" useUploadname="true"
                            accept="image/jpeg,image/gif,image/png">
                            <xp:eventHandler event="onchange"
                                submit="true" refreshMode="complete"
                                disableValidators="true">
                            </xp:eventHandler>
                        </xp:fileUpload>

Answer 1

仅适用于 Chrome：只需将文件上传控件的宽度自动设置为 40% “未选择文件”文本将消失

Answer 2

使用这个答案，它基本上创建了一个隐藏底层输入文件按钮的样式跨度：https ://stackoverflow.com/a/9164004/785061