TextArea的JavaFX CSS樣式不起作用

Question

我正在編寫一個簡單的JavaFX應用程序，但我無法使用一些CSS樣式。 問題是我的TextArea的-fx-background-color屬性。

這是相關的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，但會按預期應用背景顏色。

我的問題的圖片

有線索嗎？

Answer 1

您需要設置內容：

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

...

或者看看這個答案可能是： JavaFX 8中textarea的透明背景

Answer 2

我遇到了同樣的問題：我做了什么：

1. 創建了一個名為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; } 

2. 在我的場景中稱為：

   scene.getStylesheets（）。add（this.getClass（）。getResource（“/ stylesheets / console.css”）。toExternalForm（））;

說明：
- 第二部分只是加載css的東西。 （不重要的）

- 第一部分（css）：你必須檢查哪個屬性必須應用於對象的哪個部分。 例如：-fx-font-family在.text-area上，但-fx-background-color在.content上。 理解這個概念可以讓你理解JavaFx中的所有css內容。

JavaFX-CSS-Docu （推薦）。

好編程:-)

Answer 3

你在使用場景構建器嗎？

我嘗試了你使用的相同的CSS，一切正常，也許這是你的版本中的一個錯誤。

我測試了它的文本區域和文本字段。

Answer 4

在JavaFx中，TextArea有兩個子目錄（Content＆scrollPane），每個結構都具有TextInputControl的所有屬性：

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

Answer 5

例如，對於具有id = textAreaField的TextArea，您應該使用-fx-control-inner-background ：

#textAreaField {
-fx-control-inner-background: #000000;
-fx-text-fill: #ffffff;}

您可以獲取更多信息，請參閱此主題： Textarea javaFx Color