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

Question

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

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/

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

祝你好运。