同一个commandButton上的不同文本修饰

Question

我需要在同一个commandButton（Primefaces）上放置两个不同的文本修饰。我的comandButton有下一个代码：

<p:commandButton id="nodosUp#{m.id}" 
 value="#{estadoDashBoard.numNodosActivos}&#10;UP" 
 styleClass="btnEstado #{estadoDashBoard.numNodosActivos eq 0 ? 'btnEstadoNeutro' : 'btnEstadoActivos'}"
 disabled="#{estadoDashBoard.numNodosActivos eq 0 ? 'true' :'false'}"
 style="white-space: pre;"/>

这就是结果：

我想更改数字“2”的大小，但保持“UP”的大小，就像现在一样。

Answer 1

在HTML中不可能，更不用说在JSF中了，因为它只是“HTML代码生成器”。

将其替换为<p:commandLink>，这会生成一个HTML <a>元素，从而允许更多的标记自由，因为它允许孩子。

E.g。

<p:commandLink ...>
    <span class="number">2</span>
    <br />
    <span class="text">UP</span>
</p:commandLink>