设置自定义文本区背景的秘诀是什么？

Question

这个问题是在关于JavaFX TextArea控件的一些“发现”之后提出的。我已经到了询问我是否有bug和/或围绕什么工作的阶段？

TextArea JavaDoc、FXML文档和JavaFX CSS文档通过以下方式显示从区域继承的-FX-background-color属性：

• javafx.scene.layout.region
  • javafx.scene.control.control
    • javafx.scene.control.TextInputControl
      • javafx.scene.control.TextArea

      显式属性是从区域继承的：

      我一直运气不好。我的锚窗是：黑底白文。在场景生成器中，我放在锚窗格中的TextArea控件是白色背景和白色文本。我以为我没有文本，直到我使用Scene Builder设置了一个本地风格的：-FX-text-fill：Grey；然后我看到了短信。

      我将与AnchorPane相同的CSS样式直接应用到TextArea中--背景仍然是白色的。我用Scene Builder设置了一个本地风格的：-FX-background-color：yellow,事情变得有趣起来。

      在我的region-background=black的情况下，我可以看到一个黄色轮廓（假定是文本区的黄色背景），在白色背景显示区域后面，带有灰色文本（暂时）。当然，如果我移除本地风格的ON-FX-TEXT-FILL，我会在白色背景上使用白色文本，而在后面使用黄色（环绕？）。

       <?xml version="1.0" encoding="UTF-8"?>
      
       <?import javafx.scene.control.*?>
       <?import java.lang.*?>
       <?import javafx.scene.layout.*?>
      
       <AnchorPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" 
                   prefHeight="400.0" prefWidth="600.0" 
                   xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1"
                   style="-fx-background-color: black;" >
          <children>
             <TextArea layoutX="211.0"    layoutY="108.0" 
                       prefHeight="200.0" prefWidth="200.0" 
                       style="-fx-background-color: yellow;" />
          </children>
       </AnchorPane>
      

      注意两种背景颜色样式设置：

      • AnchorPane:style=“-fx-background-color：black；”
      • 文本区:style=“-fx-background-color：yellow；”

      到目前为止，我还没有看到任何关于TextArea的复合控件的提及。我想有一些明确的问题需要回答。

      null

Answer 1

TextArea本身由几个元素组成，其CSS层次结构有点深。乍一看，设置.text-area的-fx-background-color似乎能起到作用，但实际上有一个ScrollPane，它有一个StackPane（.viewport）和一个区域（.content），您必须满足于此。一般情况下，你可以使用一些像这样的CSS来得到你想要的东西。

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

您可以使用SceneBuilder2 CSS Analyzer深入到TextArea中，看看那里发生了什么。另外，如果还没有，请查看Java CSS参考指南。