CSS 文本区域的样式背景在滚动时消失

Question

我正在使用 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 具有笔记本式的外观并且工作完美。但是正如我提到的，我无法弄清楚如何让它 repeat/not 在文本区域开始滚动时立即消失。

Answer 1

我好像找到问题了。我从 CSS analyzer is scenebuilder 获得的路径似乎是设置 textArea 内容窗格样式的低效路径：“.text-area .scroll-pane:fitToWidth:fitToHeight .viewport .content”。我只是将其更改为 "text-area .content" 然后它似乎起作用了。 "scroll-pane:fitToWidth:fitToHeight" 似乎是问题所在。

CSS 文本区域的样式背景在滚动时消失

CSS styled background for textarea disappears when scrolling

css

eclipse

javafx

efxclipse