rich:comboBox按钮位置

时间:2011-03-15 08:06:11

标签: css jsf richfaces

如何控制rich:combobox下拉按钮的位置? 默认情况下,它位于文本元素的右侧。我希望它位于文本元素的左侧。

1 个答案:

答案 0 :(得分:1)

您可以参考官方文档,了解哪些样式类名称可用于自定义<rich:combobox> http://docs.jboss.org/richfaces/latest_3_3_X/en/devguide/html/rich_comboBox.html

我尝试使用此设置,下拉按钮现在位于左侧:

  <rich:comboBox>
                <f:selectItem itemValue="suggestion 1"/>
                <f:selectItem itemValue="suggestion 2"/>
                <f:selectItem itemValue="suggestion 3"/>
                <f:selectItem itemValue="suggestion 4"/>
                <f:selectItem itemValue="suggestion 5"/>
    </rich:comboBox>

并在页面中声明此样式:

<style type="text/css">
input.rich-combobox-button, input.rich-combobox-button-inactive, input.rich-combobox-button-disabled{
       left:0px;
}

.rich-combobox-input, .rich-combobox-input-disabled, .rich-combobox-input-inactive{
font-weight:bold;
        text-align:center;
}   
</style>

enter image description here