改变手风琴鼠标悬停颜色和工具图标颜色

时间:2014-10-23 19:29:46

标签: javascript extjs extjs4

有没有办法将鼠标改为手风琴项目标题的颜色?我能够通过这种方式改变背景颜色

/packages/myTheme/sass/var/container/Container.scss

$accordion-header-background-color: #009FDF !default;
$accordion-header-color: white !default;

但是我没有看到鼠标在颜色上的任何东西(在我正在扩展的海王星主题中是浅蓝色)以及工具图标的颜色。

有什么想法吗?

解决方案:

我已经使用下面的解决方案将鼠标改为颜色,这是在主题级别

完成的
$accordion-header-background-color: #009FDF !default;
$accordion-header-color: white !default;
$accordion-tool-background-image: 'tools/tool-sprites' !default;

最后一行放回了一组明亮的工具图标,而不是黑暗的工具图标。

1 个答案:

答案 0 :(得分:0)

将一个类添加到主容器(cls: 'test')并将其添加到样式表中:

.test .x-accordion-hd-over {
    background-color: yellow;
}

悬停时应更改标题颜色。

这是一个小提琴:https://fiddle.sencha.com/#fiddle/c8b