Aumentar tamanho das estrelas do primefaces rating

Programação
,
#1

Estou fazendo um projeto web e estou usando o componente rating do primefaces.

Porém as estrelas do componente são bem pequenas, queria saber se há alguma forma de aumentar o tamanho delas?

#2

Você pode fazer isso por CSS

.ui-rating-star a, .ui-rating-cancel a {
     height: 20px;
     width: 20px;     }
#3

A partir da versão 6.2.11 (PrimeFaces Elite):
Como as estrelas estão inseridas através do atributo content do css, é o font-size que aumenta o tamanho dela

.ui-rating-star a, .ui-rating-cancel a {
  font-size: 2em;    
}

Nas versões inferiores a 6.2.11, não esta disponível os novos temas e o primefaces utiliza background-image e background-position para definir as estrelas nos temas free antigos, na qual é bem ruim para editar.
Uma vez eu ja tentei aumentar o tamanho, mas não consegui. TALVEZ se você trocar a imagem que o primefaces gera, setar o height e width e definir background-position como unset da certo ou então tentar utilizar o atributo content

.ui-rating-star a, .ui-rating-cancel a {
    background: url('minha-imagem');
    background-position: unset;
    height: 40px;
    width: 40px;
}

OBS: É o novo tema que gera as estrelas com atributo content
EDIT: Fiquei curioso se o @felix_gilioli conseguiu alterar o tamanho numa versão < 6.2.11

1 curtida