20

タブの後ろの灰色の領域を削除する方法はありますか: 例

CSSでこれをやろうとしましたが、方法が見つかりませんでした。

4

3 に答える 3

19

タブペイン ヘッダーの背景色を設定するには、CSS ファイルに次のように記述します。

.tab-pane .tab-header-area .tab-header-background {
    -fx-background-color: yellow;
}


境界線を削除するには、次のように記述します。

.tab-pane .tab-header-area .tab-header-background {
    -fx-effect: null;
}


ヘッダーを完全に削除するには、不透明度を 0 に設定します。

.tab-pane .tab-header-area .tab-header-background {
    -fx-opacity: 0;
}


ここで見つけることができるスタイル クラス タブ ペインの詳細:
http://docs.oracle.com/javafx/2/api/javafx/scene/doc-files/cssref.html#tabpane

于 2013-03-31T17:27:28.407 に答える
9

JavaFX には、caspian.css という名前の組み込みのデフォルト CSS シートがあります。この投稿をお読みください: https://stackoverflow.com/a/10149050/682495 .
デフォルトの CSS を変更するには、このセレクターを CSS ファイルに追加してカスタマイズします。

.tab-pane *.tab-header-background {
    -fx-background-color: -fx-outer-border, -fx-inner-border, derive(-fx-color, -20%);
    -fx-effect: innershadow(two-pass-box , rgba(0,0,0,0.6) , 4, 0.0 , 0 , 0);
}
于 2012-05-16T09:06:10.057 に答える
3

これはより簡単な方法です tabPane.getStyleClass().add("floating"); （十分な注意を払わなかった上記のコメントからコピー）

于 2018-12-31T17:25:40.583 に答える