是否可以更改Primefaces FileUpload Component的命令按钮设计？

Question

我以这种方式使用PrimeFaces p：uploadFile：

<p:fileUpload value="#{myBean.myFile}" mode="simple" style="width:500px;" />

如何更改此组件中命令按钮的设计？默认情况下，该按钮看起来像MS Windows命令按钮（请查看此展示：http://www.primefaces.org/showcase/ui/fileUploadSimple.jsf）。

我该如何帮助我？

格尔茨 Marwief

Answer 1

有两种方法可以改变Primefaces组件的外观。

1. 通过更改web.xml中的jQuery UI主题

   有关更多信息，请查看Primefaces Themes。

这会改变你的整个Primefaces组件样式。要更改某些特定组件的样式，我们需要覆盖CSS类。

对于FileUpload CommandButton，这将是：

.ui-fileupload-buttonbar .ui-button {
        background-color: green !important; /*Only an example*/
}

确保将!important附加到您的样式更改中。否则它不会被改变。