從TextField刪除邊框

Question

完全有辦法從TextField中刪除邊框嗎？例如，我婉顯示從這個文本的文本：

TextField chartTitle = new TextField("Soem text"); 
     chartTitle.setEditable(false); 
     chartTitle.setStyle("-fx-focus-color: transparent;"); 

Answer 1

嘗試增加給你的CSS：

.text-field { 
    -fx-text-box-border: transparent; 
} 

如果你也想刪除的對焦環，加（類似你有什麼）：

.text-field:focused { 
    -fx-focus-color: transparent; 
} 

不幸的是，這隻會刪除可見邊框，insets仍然會在那裏。要完全刪除，您必須添加相當多的CSS（最簡單的方法是從caspian.css複製&粘貼）。

喜歡的東西：

.text-field { 
    -fx-background-color: -fx-control-inner-background; 
    -fx-background-insets: 0; 
    -fx-padding: 1 3 1 3; 
}