6

有谁知道如何将相同样式从命令按钮放到所有命令链接?

我希望所有链接都像这样(覆盖链接样式并使用按钮样式):

普通按钮: 在此处输入图像描述

悬停的按钮: 在此处输入图像描述

按下的按钮: 在此处输入图像描述

我目前的 primefaces 主题是start

4

2 回答 2

19

As per the comments, just stick to <p:commandButton> and use an alternate solution to solve the initial functional requirement of the need to open the PDF file download in a new window without explicitly setting the <h:form target> (which would affect all of form's command buttons/links).

<p:commandButton ... ajax="false" onclick="form.target='_blank'">

This ends up in less CSS pain.

于 2013-10-11T19:22:03.253 回答
3

您可以将命令按钮中使用的样式表用于命令链接。

  <p:commandLink style="padding: .3em 1em;" styleClass="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only ui-button-text ui-c" ajax="false" value="Download as Excel" download="#{salaryCycleController.current}.xls" onclick="return ExcellentExport.excel(this, 'tbl', 'Sheet1');" ></p:commandLink>

我被迫使用 p:commandLink 因为 p:commandButton 不支持下载属性。

于 2015-01-28T19:13:52.607 回答