JSF PrimeFaces - ボタンの高さは変更されません

私は、JSFページ内のプライムフレームワークのセンチネルテーマを扱っています。私はこの問題の大半を理解していますが、ボタンの高さを変えることはできません。JSF PrimeFaces - ボタンの高さは変更されません

私は<p:button />に style="height:100px"またはstyle="line-height:100px"またはstyleClass="Fs25"を与える試みたが、ボタンの色の面積が変わることはありません。

私はセンチネルテーマのデフォルトのlogin.xhtmlを見て、ボタンを見てコードをコピーします。結果は私のページでも同じです。

私の問題は何ですか。何度も何度も何度も見逃しているのは何ですか？ここで

私はCSSを検査した後、私は

.ui-button .ui-button-text { 
    display: block; 
    line-height: normal; 
}

を発見したライブプレビューがOK Login Page

2016-04-13 mismanc

要素（Chromeなど）を確認しましたか？別のスタイルクラスが設定を上書きすることがあります。 'height：100px！important'を試すことはできますが、それはベストプラクティスではありません。 – simdevmon

私はクロムを試してみませんでしたが、私はmozillaでlogin.xhtmlを開いた@imimvim – mismanc

ここはライブプレビューhttp://www.primefaces.org/sentinel/login.xhtml @simdevmon – mismanc

ですこれは私がheadタグ内の問題に

を解決する方法である

<style> 
#bigbtn .ui-button-text{ 
    line-height: 60px; <!-- Height of Button --> 
    font-size: 20px; <!-- Size of Button Text --> 
} 
</style>

<div id="bigbtn"> 
    <p:button value="Big Button" /> 
</div>

bodyでは良い答えがあるかもしれません。私も彼らの声を聞きたい。ありがとうございます。

2016-04-13 10:09:01 mismanc

答えて