css - 在 ExtJs 的 ComboBox 中为 selectedItem 自定义 CSS

Question

如何为 ComboBox 中的选定项目自定义 CSS？通过“listConfig”方法传递“selectedItemCls”不起作用。为什么？

Answer 1

您必须重载 .x-boundlist-selected 类。例如，如果您希望选定的值以粗体显示，您可以执行以下操作：

.x-boundlist-selected {
    font-weight: bold;
    background-color: red;
}​

看看这个工作示例：http: //jsfiddle.net/lontivero/P9awz/1/

更新：

selectedItemCls 不起作用，因为鉴于它是在 InitComponent 方法中分配的，因此无法更改其值：

me.selectedItemCls = baseCls + '-selected';

然后，改变它的唯一方法是为 baseCls 提供一个值。但是如果你这样做，你将需要创建组合框使用的所有 css 类家族。

看看这个工作（甚至未完成）的例子：http: //jsfiddle.net/P9awz/3/

这可以按您的意愿工作，但样式尚未完成。

祝你好运。