Question

当我使用richfaces创建一个组合框时，它会生成以下按钮的html（其余的组合框html无关紧要）

<input class="rich-combobox-font-inactive rich-combobox-button-background-inactive rich-combobox-button-inactive" id="mainForm:j_id98:0:j_id113comboBoxButtonBG" readonly="readonly" tabindex="-1" type="text">
<input class="rich-combobox-font-inactive rich-combobox-button-icon-inactive rich-combobox-button-inactive filterComboboxButton" id="mainForm:j_id98:0:j_id113comboboxButton" readonly="readonly" style="; background-image: ;" tabindex="-1" type="text">

正如您所看到的，我使用buttonClass，buttonDisabledClass和buttonInactiveClass定义了一个css类“filterComboboxButton”。但我无法为第一个输入指定样式类，女巫似乎定义了按钮的边框。

<rich:comboBox buttonClass="filterComboboxButton" buttonDisabledClass="filterComboboxButton" buttonInactiveClass="filterComboboxButton"  />

哦，是的，我可以通过覆盖我的CSS中的rich-combox-button-background-inactive等来定义它，但后来我为我的整个页面定义了它，我只想在我的几个组合框上页。

顺便说一句，我还在使用richfaces 3.3.3

Answer 1

如果您为组合框分配了一个ID：

<rich:comboBox 
    id="someName"    
    buttonClass="filterComboboxButton" 
    buttonDisabledClass="filterComboboxButton" 
    buttonInactiveClass="filterComboboxButton"  />

然后你可以使用CSS选择器，如：

#mainForm\3A someName input {
    /* your styles here */
}

修改richfaces中组合框按钮的背景

1 个答案: