【问题标题】:GTK 3 how to select active tab of a notebook in a css fileGTK 3如何在css文件中选择笔记本的活动选项卡
【发布时间】:2016-11-27 16:12:24
【问题描述】:

~/.config/gtk-3.0/gtk.css 中的 CSS 代码正常运行

.myNotebook .myTab  {
    border-width: 1px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-style: groove;
}

.myNotebook .myTab:first-child  {
    background-color: yellow;
    border-style: solid;
}

但我只想选择活动标签(或焦点标签?)而不是所有标签。
这是我已经尝试过但没有产生预期结果的代码:

.myNotebook .myTab:first-child:select { ...}
.myNotebook .myTab:select { ...}
.myNotebook .myTab:first-child:select:focus { ...}
.myNotebook .myTab:select:focus { ...}
.myNotebook .myTab:first-child:select:active { ...}
.myNotebook .myTab:select:active { ...}
.myNotebook .myTab:first-child:active { ...}
.myNotebook .myTab:active { ...}
.myNotebook .myTab:first-child:focus { ...}
.myNotebook .myTab:focus { ...}
.myNotebook .myTab:first-child:active:focus { ...}
.myNotebook .myTab:active:focus { ...}

我的程序是用 c 编写的,我使用 glade 作为设计器。 有谁知道正确的语法吗?

【问题讨论】:

  • 你有没有想过这个问题?
  • @refi6 。不幸的是没有。
  • @refi64 。不幸的是没有

标签: css c class gtk3 glade


【解决方案1】:

我今天在 Python 应用程序中遇到了同样的问题,我只是尝试了我能想到的所有可能的组合,直到找到一个可行的组合。我的情况是tab:checked

这是我用于名为 nbContent 的笔记本的完整样式集:

#nbContent > header.top {
    background: @colMedium;
    border-bottom: none;
}

#nbContent > header.top > tabs > tab {
    background: @colDark;
    color: @colText;
    border-image: none;
    border: 1px solid rgba(0,0,0,0.4);
    border-radius: 8px 8px 0px 0px;
    border-bottom: none;
}

#nbContent > header > tabs > tab:hover {
    background: @colLight;
    color: @colText;
    border-image: none;
}

#nbContent > header > tabs > tab:checked {
    background: @colLight;
    color: @colText;
    border-image: none;
}

【讨论】:

  • 我已经为此苦苦挣扎了一段时间,感谢您发布您的解决方案。我不确定为什么这些示例都需要 tab:active 而不是 tab:checked。我想知道 active 是否指的是一个不处于不敏感状态的选项卡,而不是书中的选定选项卡....
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-04-05
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多