从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; 
}