如何在Javascript中设置文本区域圆角的样式

发布于03月28日

我试着在JavaFx中设计一个文本区域，但是我无法摆脱这些白色角落.

#txa_movieEditComment .content{
    -fx-background-color: #949494;
    -fx-background-radius: 12;
}

#txa_movieEditComment {
    -fx-font-size: 17;
    -fx-focus-color: transparent;
    -fx-text-box-border: transparent;
}

#txa_movieEditComment .scroll-bar:vertical,
#txa_movieEditComment .scroll-bar:vertical .track,
#txa_movieEditComment .scroll-bar:vertical .track-background {
    -fx-background-color: #191919;
}

#txa_movieEditComment .scroll-bar:vertical .thumb {
    -fx-background-color: #949494;
    -fx-background-radius: 12;
}

这是我的CSS风格.也许有人能帮我.

推荐答案

补充Jannis's answer，即:

#txa_movieEditComment {-fx-background: #191919;}

我相信你所做的对你有用，因为-fx-background是一个未记录的modena.css样式表中的looked-up-color，用于主题样式.

当您在父 node 上设置它时，它将在子 node 中继承，因此任何也具有源自-fx-background的 colored颜色的子 node (例如文本区域内的滚动窗格内容)也会自动更改 colored颜色 .

来自looked—up—colors的文档:

使用查找的 colored颜色，您可以引用在当前 node 或其父 node 上设置的任何其他 colored颜色属性.这是一个非常强大的特性，因为它允许在场景中指定一个通用的调色板，然后在整个应用程序中使用.如果要更改其中一种调色板 colored颜色，可以在场景树的任何级别上执行，这将影响该 node 及其所有从属项.查找的 colored颜色在应用之前不会被查找，因此它们是活动的，并对可能发生的任何样式更改作出react ，例如在运行时将调色板 colored颜色替换为 node 上的"style"属性.

相比之下，这不起作用:

#txa_movieEditComment {-fx-background-color: #191919;}

原因是-fx-background-color是一个非继承的CSS属性，而不是查找 colored颜色 .

CSS属性can inherit，以便当您在容器 node 中设置它们时，容器 node 包含的 node 也继承属性设置.

但是，默认情况下，很少有CSS属性被继承(通常只有字体、文本对齐和光标设置). 当您通过CSS样式设置非继承的CSS属性时，它只会应用于与CSS Select 器完全匹配的 node ，而不会应用于该 node 包含的任何 node .

Java相关问答推荐

Java -使用空比较或instanceof？

Java SSLocket查明客户端是否发送了证书

为什么如果数组列表中有重复项，我的代码SOMETIMES不返回true？

空手道比赛条件

Spring boot：Bean和动态扩展器

如何在Javascript中设置文本区域圆角的样式

Javascript在边界中心调整ImageView大小

RxJava PublishSubject缓冲区元素超时

基本时态运算的ISO-8601周数据表示法

名称冲突具有相同的擦除

Mac上的全屏截图在使用JavaFX时不能正常工作吗？

@Rollback @ Transmission在验收测试中不工作

Domino Designer 14中的保存代理添加了重影库

内存和硬盘中的Zip不同，这会导致下载后的Zip损坏

如何使用Criteria Builder处理一对多关系中的空值？

STREAMS减少部分结果的问题

为什么没有加载java.se模块？

如何将RESTAssured'；S的Http标题转换为<；字符串、字符串和>的映射？

我无法在我的Spring Boot应用程序中导入CSV依赖项

URI构造函数错误？

实用课程推荐