2

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

4

6 回答 6

3

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

我希望它也有帮助。

于 2013-09-24T08:53:40.457 回答
2

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

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

并且此代码向左移动选择更多：

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

我希望这会有所帮助。

于 2013-03-29T15:43:57.443 回答
0

在 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;
}
于 2016-02-23T09:16:00.600 回答
0

在 Primefaces 6.1 中使用：

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

.ui-fileupload-simple .ui-button-text{
    padding-left: 1em !important;
}
于 2018-01-08T16:52:54.260 回答
0

对于高级模式下的文件上传（在 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;
}
于 2018-04-10T11:56:56.090 回答
0

文件 primeicons.css 包含所有图标类。用相应选择的图标代码覆盖属性内容值。

例如，如果要替换回形针的图标：

/* \e97b is the papper-clip code found in primeicons.css */
    .pi-plus:before {
        content: "\e97b"; 
      }
于 2021-10-26T01:40:30.537 回答