2017-10-10 19 views
0

CSSクラスの助けを借りて、Java FXの日付ピッカーモジュールのスタイリングに関するアドバイスが必要です。日付ピッカーのポップアップウィンドウ

これは具体的には、CSSコードをルックアップする風光明媚なビューを使用したポップアップウィンドウです。しかし、ポップアップウィンドウでは機能しません。私は、カレンダービューでポップアップをスタイルする方法についての助けが必要です。 (intelijIdeaを使用して)

これは私のコードと添付写真です。日付ピッカーのポップアップの

enter image description here

.date-picker .combo-box { 
-fx-background-insets:0px ; 
-fx-border-width: 0px; 
    } 

.date-picker .text-field{ 
-fx-background-radius:0px ; 
-fx-border-color: transparent; 
} 

.date-picker .arrow-button{ 
-fx-background-radius:0px ; 
-fx-background-color: #232323; 
} 

.date-picker .arrow-button .arrow{ 
-fx-background-radius:0px ; 
-fx-background-color: #1783CC; 
} 

.date-picker .arrow-button:hover .arrow{ 
-fx-background-radius:0px ; 
-fx-background-color: #40a9ef; 
} 

.date-picker .button { 
-fx-background-color: transparent; 
-fx-border-color:transparent; 
-fx-pref-height: 35px; 
-fx-pref-width: 35px; 
} 

.date-picker .button:hover { 
-fx-border-color:transparent; 
-fx-pref-height: 35px; 
-fx-pref-width: 35px; 
} 

.date-picker .button .arrow:pressed { 
-fx-border-color:transparent; 
-fx-pref-height: 35px; 
-fx-pref-width: 35px; 
} 

.date-picker .cell { 
-fx-background-color: #232323; 
-fx-pref-width:20px ; 
-fx-pref-height:25px ; 
} 

.date-picker .cell:hover { 
-fx-background-color: #1783CC; 
-fx-pref-width:20px ; 
-fx-pref-height:25px ; 
} 

.date-picker .cell:focused { 
-fx-background-color:#11659e; 
-fx-pref-width:20px ; 
-fx-pref-height:25px ; 
} 

.date-picker-popup { 
-fx-border-color: #1783CC; 
-fx-background-color: black; 
} 
+0

ポップアップカレンダーのスタイルを設定したいが、正確に何を達成したいのかは明記していない。あなたはその要件についてより具体的になりますか? – ItachiUchiha

+0

@ItachiUchiha日付ピッカーのポップアップウィンドウですべてのコンポーネントのスタイルを設定したいと思います。私はボタンクラスのポップアップの日付ピッカー、クラスのセル、年のセル、日のセル、週のセル、背景と疑似クラスのstyleClassを探しています。 –

答えて

0

ほとんどのスタイルクラスはDatePickerContent.javaやJavaFXのテーマのスタイルシートの一つで見つけることができます。

datePicker.setOnHidden(new EventHandler<Event>() { 
     @Override 
     public void handle(Event event) { 
      datePicker.show(); 
     } 
    }); 
:あなたはモデナのテーマを使用している場合たとえば、あなたは modena.css

迅速な回避策は閉鎖されてから、ポップアップを防ぐためだろうSCENICVIEWを使用して(ライン2934から)これらstyleclassesを見つける

+0

ありがとうございます! modena.cssは正しいwaです! –