0

ラジオボタンのセットをインデントする方法はありますか? 次のようにしたい：

o 項目 1
o 項目 2
    o 項目 2.1
    o 項目 2.2
o 項目 3

スタイルを適用しようとしましたが、うまくいきません。

<style>
    .indent {
        text-indent: 3em;
    }
</style>

<p class="indent">test</p>

<h:selectOneRadio layout="pageDirection" value="#{myBean}">
    <f:selectItem itemValue="1" itemLabel="Item 1" />
    <f:selectItem itemValue="2" itemLabel="Item 2" />   <!-- also okay if item 2 is not selectable and item 2.1 and 2.2 are -->
    <p class="indent">
        <f:selectItem itemValue="2.1"  itemLabel="Item 2.1" />
        <f:selectItem itemValue="2.2" itemLabel="Item 2.2" />
    </p>
    <f:selectItem itemValue="3" itemLabel="Item 3" />
</h:selectOneRadio>
4

2 に答える 2

0

インデントの代わりにマージンを追加してみましたか？

.myIndent { 
    margin-left: 3em; 
}

http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/もご覧ください 。ラジオボタンのスタイリングについても説明しています。

于 2012-05-31T20:10:45.177 に答える
0

ラジオボタンをリストとして表示したいと思います。値をlayout持つ属性をタグ コンポーネントに追加して、それを実現します。pageDirection<h:selectOneRadio />

<h:selectOneRadio layout="pageDirection" value="#{myBean}">
    <!-- your items go here... -->
</h:selectOneRadio>
于 2012-05-31T20:23:11.667 に答える