TextArea的JavaFX CSS样式无效

TextArea的JavaFX CSS样式无效,java,css,javafx,Java,Css,Javafx,我正在编写一个简单的JavaFX应用程序,但我无法让一些CSS样式正常工作。 问题是myTextArea的-fx背景色属性 这是相关的CSS: .text-area { -fx-font-family: Consolas; -fx-highlight-fill: #00ff00; -fx-highlight-text-fill: #000000; -fx-text-fill: #00ff00; -fx-background-color: #000000; } 除-fx ba

我正在编写一个简单的JavaFX应用程序,但我无法让一些CSS样式正常工作。 问题是my
TextArea
-fx背景色属性

这是相关的CSS:

.text-area {
  -fx-font-family: Consolas;
  -fx-highlight-fill: #00ff00;
  -fx-highlight-text-fill: #000000;
  -fx-text-fill: #00ff00;
  -fx-background-color: #000000;
}
-fx background color
外,所有字段都按预期执行,显然没有任何作用。我仍然有默认的白色背景。如图所示,下面的
TextField
具有相同的CSS,但按预期应用了背景色


有什么线索吗?

您正在使用场景生成器吗

我尝试了你使用的css,一切都很好,也许这是你版本中的错误

我测试了文本区域和文本字段


您需要设置内容:

  .text-area .content{
      -fx-background-color: black;
  }


或者看看这个答案:

我也有同样的问题:我做了什么:

  • 创建了名为console.css的.css文件,其中包含以下内容:

    .text-area {
        -fx-font-family: Consolas;
        -fx-font-size: 15;
        -fx-text-fill: #ffffff;
        -fx-display-caret:true;
    }
    
    .text-area .content {
        -fx-background-color: #000000;
    }
    
  • 在我的现场叫:

    scene.getStylesheets().add(this.getClass()) .getResource(“/stylesheets/console.css”).toExternalForm()

  • 说明:
    -第二部分只是加载css内容。(琐碎的)

    -第一部分(css):您必须检查哪些属性必须应用于对象的哪个部分。例如:-fx字体系列处于启用状态。文本区域但-fx背景色处于启用状态。内容。理解这个概念可以让您理解JavaFx中的所有css内容。

    (推荐)


    良好的编程:-)

    在JavaFx中,TextArea有两个子结构(内容和滚动窗格),每个结构都具有TextInputControl的所有属性:

             text-area{ }
             text-area .content { }
             text-area.scroll-pane { }
    

    例如,对于id=textAreaField的TextArea,应使用-fx控件内部背景:

    #textAreaField {
    -fx-control-inner-background: #000000;
    -fx-text-fill: #ffffff;}
    
    有关更多信息,请参阅本主题:

    我认为您可能有特殊性问题。这就是您在该页面上使用的所有css样式吗?检查
    -fx背景色是否被其他规则覆盖。你可以使用firebug之类的东西。你检查过它没有被覆盖吗?