2010-02-18 155 views
0

http://www.jsftoolbox.com/documentation/help/12-TagReference/html/h_selectOneRadio.html如何設置​​寬度H:selectOneRadio

如何設置h的寬度:使用styleClass屬性selectOneRadio,我想執行一個相似的寬度爲上述單選按鈕組中的所有元素。

+0

在瀏覽器中打開JSF頁面,右鍵單擊並選擇*查看源*,並打開你的眼睛。這只是簡單的香草HTML!你可以基於你的CSS。 'h:selectOneRadio'確實呈現(如文檔所述)'

'。您只需設計'​​'元素。 – BalusC2010-02-18 11:49:18

+0

我不確定如何將樣式應用於此styleClass的按鈕。如果我知道,我不會問這個問題;) – Sam 2010-02-18 12:09:19

回答

5

試想一下,你有這樣的代碼:

<h:form id="foo"> 
    <h:selectOneRadio id="bar" value="#{...}"> 
     ... 
    </h:selectOneRadio> 
    ... 

然後,在你的CSS,你可以試着這樣做:

table#foo\:bar > td { 
    width: 42px; 
} 

table#foo\:bar > tr > td { 
    width: 42px; 
} 

table#foo\:bar td { 
    width: 42px; 
} 

(我不記得究竟是如何在CSS工作的父母的關係,這就是爲什麼我建議這三個例子)

在CSS中,這意味着影響42PX寬於具有<tr>父的所有元素<td>,其中有一個<table>家長ID foo:bar

+2

冒號':'確實是CSS中的一個非法標識符。您需要通過反斜槓來轉義它,即'table#foo \:bar'。 – BalusC 2010-02-18 11:50:23

+0

@BalusC你是完全正確的。我記得我用了一年多前,因爲我遇到了這個問題;) – romaintaz 2010-02-18 11:53:46

+0

感謝您的詳細答案 – Sam 2010-02-18 12:10:02