标签: javafx-css

以下css将选择具有"new"样式类的所有单元格,并将其颜色设置为绿色

.table-view .new:filled {
    -fx-background-color: green;
}

但在选择时,它保持绿色,我想要的是尊重通常的选择颜色,所以有类似的东西:

.table-view .new:filled:not(selected){
    -fx-background-color: green;
}

我也注意到了一个奇怪的行为,下面的CSS

.table-view :selected{
    -fx-background-color: yellow;
}

通常会将talbe的选择颜色变为黄色,而下面的css设置更新单元格的选择颜色不起作用

.table-view .updated:selected{
    -fx-background-color: yellow;
}

我有TabPane几个Tabs.如果Tab失败中的操作结果,我想将其设置Tab Label为Fill红色或者可能将纹理设置为哈希(对于那些有色盲的人).我想Color稍后将其重置为默认值.

通过阅读这里的一些问题,可以使用样式表静态设置它.

#MyTabPane .tab *.tab-label {
    -fx-text-fill: white;
}

如何Tab label动态访问并设置它的颜色/纹理？

tab.setStyle("??");

ELLTZ的补充

一个人怎么可以使用上述内嵌样式来改变Paint双方的Label风格类tab-label和Button(StackPane)也tab-close-button

代码示例需要

您好JavaFX样式表专家,

如何删除JavaFX menuButton上的默认箭头.

我已经想过如何改变颜色并使其变得不可见

.menu-button {
    -fx-mark-color: transparent;
}

要么

.menu-button .arrow {
    -fx-background-color: transparent;
}

但是,由于不可见的箭头,我不想要这个差距.

谢谢你的建议.

最好的祝福,

伊万

TextArea我的 JavaFX 程序中有一个我希望能够允许用户设置背景颜色的程序。css通过这样做，我能够弄清楚如何使用外部文件更改背景颜色。

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

但是，这只允许我使用默认设置，用户将无法从菜单中选择颜色来更改它。

我也尝试在 Java 代码中执行此操作。

textArea.setStyle("-fx-background-color: green");

但它不会改变任何东西，因为它TextArea有更多的深度。

有什么方法可以多次更改背景而无需修改css文件？

我想知道是否可以转换 CSS 中定义的颜色，如

.root {
    my-blue: rgb(50,100,200); 
}

进入 JavaFX 中的颜色对象。

例如，对于 CSS 定义，我可以在节点上使用 setStyle 来设置其颜色：

label1.setStyle("-fx-background-color: my-blue");

但是是否可以执行以下操作：

Color blue = my-blue;   // is this possible somehow?

Background background = new Background(new BackgroundFill(blue, null, null));
label1.setBackground(background);

我一直在互联网上搜索这个，但对于我看到的大多数用 CSS 回答的问题，人们只是给出了代码而不解释它们。

-fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.3), 10, 0.5, 0.0, 0.0);

对于在 CSS 中实现投影的这行代码，变量是什么意思？

根据我的推断，这意味着：

-fx-effect: dropshadow(blurType, color, radius, spread, offsetX, offsetY)

但是在 FXML 中实际的 DropShadow 效果标签中，有 6 个数值变量而不是 4 个。

<DropShadow blurType="GAUSSIAN" color="#ee8c9e8f" height="151.47" offsetX="3.0" offsetY="3.0" radius="73.75" spread="0.5" width="145.53" />

如何在 CSS 中使用 8 个参数实现这种效果？

我知道有很多解决方案可以帮助更改单选按钮或复选框的大小，但是我需要一种方法来在我的 .css 文件或其他一些内联解决方案中使用 em 使大小相对。

我试图让我的控件在 720p、1080p 和 4K 中显示相同的大小。除了 RadioButton 和 CheckBox 之外的所有其他控件都通过将 em 用于任何选择器控件大小来工作。我将在下面为每个控件包含一些相关的代码片段。

RadioButton.css（基本字体大小在另一个文件中定义）

.RadioButton {
    -fx-font-size: 1em;
}

.RadioButton .radio  {
    -fx-background-insets: 0em;
    -fx-background-radius: 0.833333em;
    -fx-border-insets: 0em;
    -fx-border-radius: 0.833333em;
    -fx-padding: 0.5em;
}

.RadioButton:focused .radio {
    -fx-background-insets: 0em;
    -fx-background-radius: 0.833333em;
    -fx-border-insets: 0em;
    -fx-border-radius: 0.833333em;
    -fx-padding: 0.5em;
}

.RadioButton:hover .radio {
    -fx-background-insets: 0em;
    -fx-background-radius: 0.833333em;
    -fx-border-insets: 0em;
    -fx-border-radius: 0.833333em;
    -fx-padding: 0.5em;
}
.RadioButton:armed .radio {
    -fx-background-insets: 0em;
    -fx-background-radius: 0.833333em;
    -fx-border-insets: 0em;
    -fx-border-radius: 0.833333em;
    -fx-padding: 0.5em; …

如何在tableview中只对齐一列的标题？
以下css对齐所有列标题,但我想只对齐一列:

.table-view .column-header .label{
    -fx-alignment:CENTER
}

我在 JavaFX 中使用 a JFXSlider，并且对 的轨道颜色使用了线性渐变JFXSlider（使用 CSS）。但是，我还想将拇指的颜色更改为该位置滑块的颜色。我使用了以下 CSS 来实现滑块的线性渐变并消除默认的绿色JFXSlider：

.jfx-slider .track {
    -fx-pref-height: 10;
    -fx-background-color: linear-gradient(to right,red,orange);
}
.jfx-slider .colored-track {
    -fx-background-color: transparent;
}

我尝试使用以下 CSS 代码来使拇指颜色与当前位置的滑块颜色相同，但它不起作用。

.jfx-slider .thumb {
    -fx-background-color: linear-gradient(to right,red,orange);
}

我想我尝试的代码可能只为拇指的背景颜色提供内部线性渐变。有谁知道如何解决这个问题？PS 我正在使用 JFoenix 9.0.10、JavaFX 15 和 JDK 15。

我试图图标化JavaFX菜单项标签。我为菜单项标签和加速器标签复制了图标。这是一张说明我的问题的图像。

这是Javafs css代码：

.menu-item > .label {

}

#miRestore .label{
    -fx-graphic: url("/img/Upload_16x16.png");
}
#miBackup .label {
    -fx-graphic: url("/img/Flash%20Disk_16x16.png");
}
#miClose .label {
    -fx-graphic: url("/img/Delete_16x16.png");
}

#miSettings .label {
    -fx-graphic: url("/img/Settings_16x16.png");
}

#miRegistre . label{
    -fx-graphic: url("/img/Help_16x16.png");
}