滚动时 textarea 的 CSS 样式背景消失答案

【问题标题】：CSS styled background for textarea disappears when scrolling滚动时 textarea 的 CSS 样式背景消失
【发布时间】：2017-11-29 21:10:52
【问题描述】：

我正在使用 javafx 构建一种待办事项列表程序，并使用 CSS 对其进行样式设置。我有一个问题，我试图解决当我到达文本区域的末尾并开始滚动并出现滚动条时，我应用于文本区域的 CSS 文件的背景消失了。

目前这是我应用于文本区域的 CSS 文件的代码。

.text-area .scroll-pane:fitToWidth:fitToHeight .viewport .content {
-fx-background-color: 
        linear-gradient(
        from 0px 0px to 0px 10.5px,
        repeat,
        gainsboro,
        gainsboro 6.25%,
        cornsilk 6.25%,
        cornsilk
         );

}

该文件使 textarea 具有笔记本般的外观并且可以完美运行。但是，正如我所提到的，我无法弄清楚如何在 textarea 开始滚动时让它重复/不消失。

【问题讨论】：

这看起来像您在文本区域内指定滚动窗格，而您的描述和常识会相反，但也许我误解了一些东西。如果您更改顺序以使 .text-area 排在最后而不是排在第一位，会发生什么情况？
您能发布创建文本区域的相关 Java 和/或 FXML 吗？
@MMAdams 我相信 java 中的 textareas 有一个封装在其中的滚动窗格，如果我错了，请纠正我。我也在使用 Scene Builder 来构建这个程序，所以我从使用 CSS Analyzer 获得了这条路径，似乎使用 .content 的这条路径是使用 CSS 为文本区域设置背景样式的唯一方法。
@James_D
@MMAdams 感谢您的帮助，我似乎找到了问题所在。我从 CSS 分析器获得的路径是 scenebuilder 似乎是设置 textArea 的内容窗格样式的低效路径：“.text-area .scroll-pane:fitToWidth:fitToHeight .viewport .content”。我只是将它更改为“text-area .content”，然后它似乎工作了。 “滚动窗格：fitToWidth：fitToHeight”似乎是问题所在。

标签： css eclipse javafx efxclipse

【解决方案1】：

我似乎找到了问题所在。我从 CSS 分析器获得的路径是 scenebuilder 似乎是设置 textArea 的内容窗格样式的低效路径：“.text-area .scroll-pane:fitToWidth:fitToHeight .viewport .content”。我只是将其更改为“text-area .content”，然后它似乎工作了。 “滚动窗格：fitToWidth：fitToHeight”似乎是问题所在。

【讨论】：