Как мы можем отрегулировать размер или ширину p: commandbutton

Question

Моя рабочая среда: Primefaces 4.0 с JSF 2.0 Моя цель - установить ширину кнопки команды в форме. Я нахожу style="font-size:10px", чтобы установить размер шрифта кнопки, который меняет размер метки кнопки. Я хочу изменить размер кнопки

Answer 1

Вы можете использовать атрибут style в commandButton с шириной и высотой css.

<p:commandButton id="button" value="Click"        
       actionListener="#{myBean.doAction}" 
       style="width:100px;height:100px"/> 

Чтобы установить одинаковые значения для всех commandButtons на странице, добавьте следующий CSS к вашей странице JSF.

 .ui-button{ 
      width:100px; 
      height:100px; 
     } 

Answer 2

Для этого вы должны играть с CSS, например, мне не нравится, что много места между кнопками и их границами (это выглядит настолько большим, когда есть два или три кнопки бок о бок, или они выглядите больше с текстом, окружающим их), поэтому я сначала сделаю шрифт меньшим (старый размер шрифта: .8em), а затем переопределит заполнение кнопки (да, прокладка огромна в кнопках, по крайней мере для меня), что-то вроде:

.ui-button-text-only .ui-button-text { 
    padding: .1em .5em; 
}