首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >E4新手(使用css设计UI样式)。与TabFolder和CTabFolder混淆

E4新手(使用css设计UI样式)。与TabFolder和CTabFolder混淆
EN

Stack Overflow用户
提问于 2011-11-25 15:08:42
回答 1查看 556关注 0票数 1

我正在学习E4。尝试将样式css添加到我的简单RCP中。我在代码中使用了TabFolder & TabItem,但当我尝试:

代码语言:javascript
复制
CTabFolder, CTabItem {
  background-color: red;
}

它不影响用户界面,然后我尝试了

代码语言:javascript
复制
TabFolder, TabItem {
background-color: red;}

这也不起作用。

我在网上快速搜索了一下,发现所有的样本都是使用CTabFolder, CTabItem的。也没有人告诉TabFolder, TabItem

我搞糊涂了。它们之间的区别是什么?什么类型的css可以为组件TabFolder, TabItem正常工作?

EN

回答 1

Stack Overflow用户

发布于 2017-02-20 08:03:14

我建议您使用CSS Spy和CSS Scratchpad来查看可用的属性,并测试可能的组合。

有关CTabFolder的SWT - CSS映射的列表,可以访问此页面:https://wiki.eclipse.org/E4/CSS/SWT_Mapping#Widget:_CTabFolder

下面,您可以看到一个带有简单示例的CSS

代码语言:javascript
复制
CTabFolder Composite {
  background-color: pink;
}

CTabFolder CTabItem {
  background-color: lime;
  color: green;
}

CTabFolder CTabItem:selected {
  background-color: blue;
  color: white;
}

然后查看使用CSS Scratchpad应用的下图中的结果

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8265782

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档