2011-12-17 9 views
0

私はJavaFx 2.0 AppにOperaウェブブラウザのようなタブを作りたいと思っています。私は多くのCSS設定でタブをカスタマイズしようとしましたが、成功しませんでした。誰もそれをする方法を知っていますか?javafxのオペラのようなタブを作成する

+0

あなたは手の込んだ:

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

そして、あなたはこのようにCSSを使用することができ、すべてのタブのスタイルをOperaのようなタブは終わりですか?それらにはいくつかのバリエーションがあります。 –

答えて

2

あなたはこのように、それをスタイルするために、個々のタブにクラスを追加することができます: "

.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"); 
} 
関連する問題