CSS로 툴팁을 사용자 정의하는 방법은 무엇입니까?

Question

나는 케플러와 버전 자바 FX 2를 사용하고 내가 성공하지 않고 툴팁을 정의하려고 : 그것은 작동하지 않습니다

.tooltip{ 
    -fx-background-color: linear-gradient(blue,lightskyblue); 
    -fx-background-radius: 5; 
} 
.page-corner { 
    -fx-shape: " "; 
} 

. 아이디어가 있습니까?

업데이트 : 여기

mcve :

import java.io.IOException; 
import javafx.application.Application; 
import javafx.fxml.FXMLLoader; 
import javafx.scene.Scene; 
import javafx.scene.layout.AnchorPane; 
import javafx.stage.Stage; 

public class MainApp extends Application { 

    @Override 
    public void start(Stage stage) { 
    AnchorPane root; 
    try { 
     root = FXMLLoader.load(getClass().getResource("Sample.fxml")); 
     Scene scene = new Scene(root, 600, 400); 
     stage.setTitle("FXML Welcome"); 
     stage.setScene(scene); 
     stage.show(); 
    } catch (IOException e) { 
    // TODO Auto-generated catch block 
     e.printStackTrace(); 
    } 
} 


    public static void main(String[] args) { 
    Application.launch(MainApp.class, args); 
    } 
} 

Sample.fxml 파일 :

<?xml version="1.0" encoding="UTF-8"?> 
<?import javafx.scene.text.*?> 
<?import javafx.scene.image.*?> 
<?import javafx.geometry.*?> 
<?import javafx.scene.effect.*?> 
<?import javafx.scene.*?> 
<?import java.lang.*?> 
<?import javafx.scene.control.*?> 
<?import javafx.scene.layout.*?> 
<?import javafx.scene.layout.AnchorPane?> 

<AnchorPane prefHeight="400.0" prefWidth="600.0" stylesheets="MCVE/application.css" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="application.Sample"> 
    <children> 
     <TextField layoutX="66.0" layoutY="49.0"> 
     <tooltip> 
      <Tooltip text="tooltip message" /> 
     </tooltip> 
     </TextField> 
    </children> 
</AnchorPane> 

컨트롤러 :

public class Sample { 
//controller  
} 

application.css 파일 :

.tooltip{ 
    -fx-background-color: linear-gradient(blue,lightskyblue); 
    -fx-background-radius: 5.0; 
} 
.page-corner { 
    -fx-shape: " "; 
} 

Answer 1

나는 (Tooltip 결국 Window의 서브 클래스 PopupControl의 서브 클래스이다)을 Tooltip가 자신의 창에 나타납니다 때문이라고 생각합니다. 스타일 시트를 AnchorPane에 적용했기 때문에 해당 계층 구조 외부에있는 Tooltip에서 스타일 시트를 볼 수 없습니다.

대신, MainApp 클래스의 Scene에 스타일 시트를 추가 : 나를 위해 잘 작동

scene.getStylesheets().add(getClass().getResource("/mcve/application.css").toExternalForm());