在javafx中更改工具栏背景颜色

时间:2017-12-19 06:58:50

标签: javafx eclipse-rcp javafx-css

我使用 application.e4xmi。

创建了我的应用程序工具栏

enter image description here

然后我调整了 .css ,如下所示

/* JavaFX CSS - Main CSS-File */
.root {
-fx-base: rgb(222, 234, 247);
-fx-background: rgb(222, 234, 247);
}
 
.tab {
-fx-background-color: linear-gradient(to top, -fx-base, derive(-fx-base,30%));
}
 
.menu-bar {
-fx-background-color: linear-gradient(to bottom, -fx-base, derive(-fx-base,30%));
}
.tool-bar  > .container{
}
.tool-bar:vertical {
}

.tool-bar:horizontal {
-fx-background: #ececec;
-fx-base: #ececec;
}

.tree-view{
-fx-focus-color: #f21a3f;
}

/*.table-view {
-fx-control-inner-background:  rgb(222, 234, 247);
-fx-table-cell-border-color:derive(-fx-base,+10%);
-fx-table-header-border-color:derive(-fx-base,+20%);
} */
 
.split-pane:horizontal > * > .split-pane-divider {
-fx-control-inner-background : rgb(255, 255, 255);
-fx-border-color: transparent -fx-base transparent -fx-base;
-fx-background-color: transparent, derive(-fx-base,20%);
-fx-background-insets: 0, 0 1 0 1;
}
 
.my-gridpane {
-fx-background-color: radial-gradient(radius 100%, derive(-fx-base,20%), derive(-fx-base,-20%));
}
 
.separator-label {
-fx-text-fill: orange;
}

现在我正试图在我的eclipse RCP应用程序中更改工具栏高亮区域的背景颜色。

enter image description here

任何建议都将不胜感激。

1 个答案:

答案 0 :(得分:0)

您可以使用定义CSS并将此CSS添加到您的产品中:



.MTrimBar {
    background-color: #000000; 
}