【问题标题】:CSS Change radio button color in JFXRadioButtonCSS更改JFXRadioButton中的单选按钮颜色
【发布时间】:2016-11-24 17:41:04
【问题描述】:

我在使用这个库中的 JFXRadioButton 样式时遇到问题: jfoenix.com

我想更改颜色或圆圈,但默认类不起作用。你有什么想法吗?

(仅用于测试的颜色..)

.radioButtonFX .radio:selected {
    -fx-background-color: yellow;
}

.radioButtonFX .radio-button .radio:selected {
    -fx-background-color: blue;
}

我还想更改JFXRippler 的颜色和JFXTabPane 中选定选项卡的行

【问题讨论】:

    标签: css javafx


    【解决方案1】:

    JFXRadioButton 从代码中分配颜色。这优先于分配的值。从 CSS 修改它的唯一方法是使用 JFXRadioButton 本身的 -fx-selected-color-fx-unselected-color 属性:

    .jfx-radio-button {
        -fx-selected-color: yellow;
        -fx-unselected-color: blue;
    }
    

    至于波纹颜色

    .jfx-rippler {
        -fx-rippler-fill: lime;
    }
    

    以及所选标签下方的行

    .jfx-tab-pane .tab-selected-line {
        -fx-stroke: red;
    }
    

    注意Node 中有一个getCssMetaData method,它允许您检索可用属性的列表。

    radio.getCssMetaData().stream().map(CssMetaData::getProperty).forEach(System.out::println);
    

    最后一个属性应该是 JFX 控件之一...

    但这不适用于JTabPane,因为这些是Node 的子属性的属性。对于这些信息,似乎有必要深入研究JFXTabPane 的默认皮肤代码,因为 JFoenix 在为其类编写属性文档方面做得很糟糕。

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-11-20
    • 2014-05-27
    • 2011-04-19
    • 2021-09-08
    • 1970-01-01
    • 2018-01-24
    • 2021-09-06
    相关资源
    最近更新 更多