Cambiar el ancho de una lista de selección de primos: html, css, jsf-2, primefaces

Quiero cambiar el ancho de mi lista de selección en lugar de tener el ancho predeterminado en primefaces.css He intentado esto pero no funciona.

<h:body>
<f:facet name="last">
<h:outputStylesheet library="default" name="mystyle.css" />
</f:facet>
<p:pickList ...>
......
</p:picklist>
<h/h:body>

Y en mi mysryle.css solo tengo esto:

.ui-picklist .ui-picklist-list{
width:400px !important;
}

Respuestas

Tu CSS aparentemente nunca se está cargando. Si ha verificado la salida HTML generada y / o el monitor de tráfico HTTP, debería haberlo notado. El culpable es el <f:facet name="last"> que no es apoyado por <h:body>. Solo es soportado por <h:head> e incluso entonces solo cuando PrimeFaces está instalado.

Esto debería hacer:

<h:body>
<h:outputStylesheet library="default" name="mystyle.css" />

<p:pickList ...>
...
</p:pickList>
</h:body>

Ver también:

• ¿Cómo anulo el código predeterminado de PrimeFaces CSS con estilos personalizados?