Question

我想在我的JavaFx 2.0 App中创建像opera web browser这样的标签。我尝试使用许多CSS设置自定义选项卡，但没有成功。有人知道怎么做吗？

Answer 1

您可以将一个类添加到单个Tab中以对其进行样式设置，如下所示：

.blue .tab-label  {
  -fx-text-fill: blue;  
}

.red .tab-label  {
 -fx-text-fill: red;  
}

.green .tab-label {
-fx-text-fill: lime;  
}

要设置所有标签的样式，您可以使用这样的CSS：

.tab-chat.tab:hover {
-fx-background-color:  linear-gradient(to top, -fx-purple, -fx-control-inner-background);
}

.tab-chat:selected {
-fx-background-color: linear-gradient(to bottom, derive(-fx-base, 95%),     -fx-control-inner-background );
-fx-background-insets: 0, 9 9 0 9;
-fx-background-radius: 12 12 0 0, 12 12 0 0;
-fx-font-weight: bold;
}

/* ----------------------------- */
/*  Tabs  background graphic     */
/* ----------------------------- */
.tab-header-background {
   -fx-background-image: url("images/back-rustyfill.jpg");
}

在javafx中创建像opera这样的选项卡

1 个答案: