我在使用一些 SASS 主题组件时遇到了很多麻烦。我将从给我带来最大烦恼的那个开始......我已经为 EXTjs 4.x 编写了一堆自定义主题,并且没有遇到这些问题,但是主题 5.x 被证明有点错误/不同的。我不确定我是不是没有使用正确的 sass 变量,还是什么……请帮忙!
制表符
我从“ext-theme-gray”包中扩展了一个主题。我只是想更改选项卡标题的文本颜色,但这些 sass 变量似乎无法正确更改颜色。 “ext-theme-gray”的文本颜色为 #333。
我添加这些 sass 值,并构建我的主题: 代码:
$tab-color: #c8c8c8 !default;
$tab-color-active: #c8c8c8 !default;
$tab-color-over: #c8c8c8 !default;
$tab-color-disabled: #c8c8c8 !default;
仅“事件”选项卡没有变化。出于某种原因,事件选项卡仍在使用 ext-theme-gray css,并覆盖了我的主题(下面的屏幕截图):
我做错了什么?!
ref:链接到重复的 sencha 论坛帖子 here
最佳答案
为什么要同时包含主题的 CSS 和 ExtJS 主题?根据 ExtJS 对您使用的类的检测,您的主题将包含所有相关的 CSS。
您的样式正在被 extjs 主题中更具体的样式覆盖。如果您需要两者(我认为您不需要),则需要将您的样式标记为 !important
,而不是 !default
关于css - EXTjs5 - 自定义主题问题 1 [Tab],我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25123557/