JAvaFX共通コントロールcssスタイル

最近javafx cssスタイルの美化の仕事をして、ここで成果を貼ってみんなと分かち合って、もしあなたが役に立つと思ったら、ついでにいいですね.
人にバラを贈り,手に余香を残す.

/**
 *Button 
 */
.button:hover{
   -fx-cursor: hand;
}

.button{
	-fx-background-color: linear-gradient(to bottom,#7dc2fe,#004883);
	-fx-font-size: 14px;
	-fx-pref-width:64px;
	-fx-pref-height: 28px;
	-fx-text-alignment: center;
	-fx-text-fill: #fff;
	-fx-border-radius: 8px;
	-fx-background-radius: 8px;
}

/**
 * Tab 
 */
.mytab{
	-fx-pref-width: 132px;
	-fx-pref-height: 45px;
	-fx-background-image: url('../../images/icon_1.png');
	-fx-background-position: 20 12;
	-fx-background-size: 15px;
	-fx-background-repeat: no-repeat;
	-fx-background-insets: 100%;
}
.mytab:hover{
	-fx-background-image: url('../../images/icon_1on.png');
	-fx-font-size: 16px;
}
.mytab:selected{
	-fx-background-image: url('../../images/icon_1on.png');
	-fx-font-size: 16px;
}

/**
 *Tab 
 */
.tab{
	-fx-font-size: 14px;
	-fx-background-color: white;
	-fx-background-size: 15px;
	-fx-background-repeat: no-repeat;
	-fx-background-insets: 100%;
}
.tab:hover{
	-fx-background-color: #1a83e1;
	-fx-text-fill: white;
	-fx-color : #1a83e1;
}
.tab:selected{
	-fx-background-color: #1a83e1;
	-fx-text-fill: white;
	-fx-color : #1a83e1;
}

/**
 *TabPane 
 */
.tab-pane > .tab-header-area > .tab-header-background {
	-fx-background-color: #EBF0FA;
	-fx-text-fill: white;
}
.table-pane{
	-fx-background-color: #fff;
}
AnchorPane{
	-fx-background-color:white;
}

/**
 *Lable 
 */
.label{
	-fx-font-size: 14px;
}

版権声明:本文はブロガーのオリジナル文章であり、ブロガーの許可を得ずに転載してはならない.
https://blog.csdn.net/qq_16055867/article/details/81036828