html - Cannot change Primefaces p:commandButton font properties -


I need some customized buttons on my site that look different than the other. Class is made but it behaves weird

This square is:

  .regCommandButton {color: #ffffff; Background: # 29b6a; Border color: # 23 A38F; Width: 100%; Height: 25px; Font-family: 'pluto_sansthin'; Font-size: 1.4em; }   

Import the font into a single CSS file:

  @ font-face {font-family: 'pluto_sansthin'; Src: url (# {resource ['fonts / plutosansthin-webfont.eot']}); Src: url (# {resource ['fonts / plutosansthin-webfont.eot? #iefix']}) format ('embedded-opentype'), url (# {resource ['fonts / plutosansthin-webfont.woff']}) Format ('woff'), url (# {resource ['fonts / plutosansthin-webfont.ttf']}) format ('truetype'); Font weight: normal; Font style: normal;   

}

HTML implementation:

  & lt; P: OutputPanel & gt; & Lt; P: command button style class = "regCommandButton" value = "save" action = "# {URBean.saveNewUser}" update = "regPanel" /> & Lt; / P: outputPanel & gt;   

My problem is that font related properties (font-family, font-size) are not set if the button is inside a p: outputpanel Are there. All other buttons are applied to.

If I keep the button out of the output panel, then everything is expected.

Edit: ! The font properties do not help ether.

You can call it .regCommandButton with .ui-button.regCommandButton

By doing this, you tell each element with the .ui-button and .regCommandButton :

  .ui-button.regCommandButton {color: #ffffff; Background: # 29b6a; Border color: # 23 A38F; Width: 100%; Height: 25px; Font-family: 'pluto_sansthin'; Font-size: 1.4em; }    

Comments

Popular posts from this blog

java - ImportError: No module named py4j.java_gateway -

python - Receiving "KeyError" after decoding json result from url -

.net - Creating a new Queue Manager and Queue in Websphere MQ (using C#) -