Question

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

Answer 1

我尝试了@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;
     }

我希望它也有帮助。

Answer 2

如果仍然没有运气。您可以将此css代码（已测试）删除图标：

 .fileupload-buttonbar .fileinput-button .ui-icon-plusthick{
         display: none !important;
 }

此代码移动选择更多左侧：

 .fileupload-buttonbar .fileinput-button  .ui-button-text{
     padding-left: 1em!important;
 }

我希望这会有所帮助。

Answer 3

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

Answer 4

在Primefaces 6.1中使用：

.ui-fileupload-simple .ui-icon-plusthick {
    display: none !important;
}

.ui-fileupload-simple .ui-button-text{
    padding-left: 1em !important;
}

Answer 5

对于高级模式下的文件上传（在PrimeFaces 6+上测试）：

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

删除<p：fileupload> primefaces组件</p：fileupload>中的选择按钮上的加号图标

5 个答案: