File upload 删除<;中“选择”按钮上的加号图标;p:fileUpload>;素数面组件

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-

是否有办法删除primefaces组件中“选择”按钮上的加号图标。

如果仍然不走运。您可以将此css代码(已测试)删除图标:

 .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;
}