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

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 */
}