2016-04-13 34 views
0

Bir JSF sayfasında, birinci sınıf çerçeve sentinel teması ile uğraşıyorum. Sorunun çoğunu anlıyorum, ancak düğme yüksekliğini değiştiriyorum.JSF PrimeFaces - Düğme Yüksekliği değişmiyor

Ben <p:button /> için style="height:100px" veya style="line-height:100px" veya styleClass="Fs25" vererek denedim ama düğmenin renkli alan asla değiştirir.

Varsayılan login.xhtml sentinel temasına bakıyorum ve düğmeyi görüyorum ve kodu kopyalayın, sonuç sayfamda yine aynıdır.

Sorunum çocuklar nelerdir? Ne zaman özlediğim nokta nedir? İşte

smallenter image description here

canlı önizlemesini olduğunu Login Page

+1

Elemanı (ör. Chrome ile) incelediniz mi? Belki başka bir stil sınıfı ayarlarınızı geçersiz kılar. En iyi uygulama olmasa da, "yükseklik: 100px! Önemli" yi deneyebilirsiniz. – simdevmon

+0

Ben krom denemedim ama durum, ben de oturum açtım login.xhtml ile mozilla da @imdevmon – mismanc

+0

İşte canlı önizleme http://www.primefaces.org/sentinel/login.xhtml @simdevmon – mismanc

cevap

0

Ok ben

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

Bu benim head etiketleri

iç sorunu

çözüldü nasıl bulduk CSS incelemek sonra

<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 yılında daha iyi yanıt olabilir. Ben de onları duymak istiyorum. Teşekkür ederiz.