File upload 删除<;中“选择”按钮上的加号图标;p:fileUpload>;素数面组件
是否有办法删除primefaces组件中“选择”按钮上的加号图标。如果仍然不走运。您可以将此css代码(已测试)删除图标:File upload 删除<;中“选择”按钮上的加号图标;p:fileUpload>;素数面组件,file-upload,primefaces,File Upload,Primefaces,是否有办法删除primefaces组件中“选择”按钮上的加号图标。如果仍然不走运。您可以将此css代码(已测试)删除图标: .fileupload-buttonbar .fileinput-button .ui-icon-plusthick{ display: none !important; } 要移动此代码,请选择“更左”: .fileupload-buttonbar .fileinput-button .ui-button-text{ padding-
.fileupload-buttonbar .fileinput-button .ui-icon-plusthick{
display: none !important;
}
要移动此代码,请选择“更左”:
.fileupload-buttonbar .fileinput-button .ui-button-text{
padding-left: 1em!important;
}
我希望这会有所帮助。我尝试了@Darka的方法,但在Primefaces 3.5.10中失败了 这对我有用
.ui-fileupload-choose .ui-icon {
visibility: hidden !important;
}
.ui-fileupload-upload .ui-icon {
visibility: hidden !important;
}
.ui-fileupload-cancel .ui-icon {
visibility: hidden !important;
}
我希望它也能有所帮助。在Primefaces 5.3中使用:
span.ui-fileupload-choose > span.ui-icon-plusthick{
display: none !important;
}
span.ui-fileupload-choose > span.ui-button-text{
padding-left: 1em !important;
}
在6.1中,使用:
.ui-fileupload-simple .ui-icon-plusthick {
display: none !important;
}
.ui-fileupload-simple .ui-button-text{
padding-left: 1em !important;
}
对于高级模式下的文件上载(在PrimeFaces 6+上测试):
你可以用这个,谢谢,它很管用。但是我们如何能够找出要覆盖哪个类呢?我在firebug中找到了与这个图标相关的类是ui按钮图标左ui图标ui-c ui图标加图标。
.ui-fileupload .ui-icon-plusthick {
display: none !important;
}
.ui-fileupload .ui-icon-arrowreturnthick-1-n {
display: none !important;
}
.ui-fileupload .ui-icon-cancel {
display: none !important;
}