如何设置 h:selectOneRadio 的 <td> 宽度

【问题标题】：How to set the <td> width of h:selectOneRadio如何设置 h:selectOneRadio 的 <td> 宽度
【发布时间】：2010-02-18 10:59:56
【问题描述】：

如何使用 styleClass 属性设置 h:selectOneRadio 的宽度，我想对上述单选按钮组中的所有元素强制使用相似的宽度。

【问题讨论】：

在浏览器中打开JSF页面，右键选择查看源代码，睁开眼睛。这只是普通的普通 HTML！您可以将您的 CSS 建立在此基础上。 h:selectOneRadio 确实呈现（如文档所示......）<table>。您只需设置 <td> 元素的样式。
我不确定如何将样式应用到这个 styleClass 的按钮上。如果我知道，我就不会问这个问题了 ;)

标签： html css jsf

【解决方案1】：

想象一下你有这样的代码：

<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 中，这意味着 对所有具有 <tr> 父级的元素 <td> 影响 42px 宽度，这些元素具有 <table> 父级 ID 为 foo:bar

【讨论】：