CSS가 사용자 정의 fxml 구성 요소에 대해 작동하지 않습니다.

Question

다음 CSS를 사용하여 fx:root으로 정의 된 사용자 정의 JavaFX AnchorPane에 배치 된 일부 구성 요소의 글꼴을 변경합니다. 그러나 font-size은 기본값으로 유지됩니다.

* { 
    -fx-font-family : Arial; 
} 
.label, .textField, .textfield, .checkBox, .text{ 
    -fx-font-size: 18; 
} 

모든 내부 구성 요소의 ID를 사용하여 변경해야하지만 중복 코드가 발생하기 때문에 좋지 않습니다.

그런 다음 주 스타일 클래스에 적용하면 작동합니다. 그러나 슬픈 이야기는 *을 오버라이드 할 수 없다는 것입니다. (나는 내 ​​모든 응용 프로그램에 대한 글로벌 CSS 클래스에 * 선택기를 정의했습니다.

Answer 1

을 대신 .root을보십시오. * 글꼴 크기, 클래스 이름의 일부가 잘못 들어

. 시도

.label, .text-field, .check-box, .text { 
    -fx-font-size: 18pt ; 
} 

스타일 클래스는 문서의 노드입니다. CSS Reference Guide

노드에는 빈 스타일 클래스가 있으므로 텍스트 노드의 스타일 클래스를 명시 적으로 설정해야합니다.