css - EXTjs5 - 自定义主题问题 1 [Tab]

标签 css extjs tabs theming extjs5

我在使用一些 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,并覆盖了我的主题(下面的屏幕截图):

enter image description here

我做错了什么?!

ref:链接到重复的 sencha 论坛帖子 here

最佳答案

为什么要同时包含主题的 CSS 和 ExtJS 主题?根据 ExtJS 对您使用的类的检测,您的主题将包含所有相关的 CSS。

您的样式正在被 extjs 主题中更具体的样式覆盖。如果您需要两者(我认为您不需要),则需要将您的样式标记为 !important,而不是 !default

关于css - EXTjs5 - 自定义主题问题 1 [Tab],我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25123557/

相关文章:

CSS 三 Angular 形和 IMG

internet-explorer - IE和FF中的Extjs mask 和取消 mask

javascript - 在 deviceReady sencha touch cordova 应用程序中加载 app.js

objective-c - 带有 "tab like"功能/按钮的 iOS 导航栏

jquery - 页面 : Close all other tabs when another is opened 上有多个 jQuery UI 选项卡

java - 在适用于 Windows 的最新 IE、Chrome、FF 但不适用于 Safari 5.1.7 的表格上的最小宽度

html - CSS - 样式颜色在使用省略号时不采用 anchor 标记,但采用与主 div 类相同的颜色

类似 HTML5/CSS3 的软件 UI 设计?

extjs - 如何在 extjs 的网格列标题中添加过滤器?

linux - Vim - 编辑器和 shell 并存