2010-02-18 160 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