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
Post a Comment