更改手风琴鼠标悬停颜色和工具图标颜色答案

【问题标题】：Changing accordion mouseover color and tool icon color更改手风琴鼠标悬停颜色和工具图标颜色
【发布时间】：2014-10-23 19:29:45
【问题描述】：

有没有办法改变手风琴项目标题的鼠标悬停颜色？我可以通过这种方式来改变背景颜色

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

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

但是我没有看到任何鼠标悬停颜色（在我正在扩展的 Neptune 主题中为浅蓝色）以及工具图标的颜色。

有什么想法吗？

解决方案：

我已经使用下面的解决方案来改变鼠标悬停的颜色，这是在主题级别完成的

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

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

【问题讨论】：

我可以给你一个具体的CSS来改变，还是你真的需要这个值来自定义主题？

标签： javascript extjs extjs4

【解决方案1】：

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

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

悬停时应该改变标题颜色。

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

【讨论】：