如何为自定义Label类添加自定义CSS属性？我的实现未生效该如何修复？

嗨，我看了你的代码，问题其实出在两个容易忽略的小细节上，咱们一步步来修复：

第一个核心问题：未重写实例的getCssMetaData()方法 #

你已经定义了静态的getClassCssMetaData()来返回包含自定义属性的元数据列表，但JavaFX在应用CSS样式时，是通过控件实例的getCssMetaData()方法来获取所有可应用的CSS属性的。你的FooLabel类缺少了这个实例方法的重写，导致JavaFX找不到你的自定义-fx-foo属性。

你需要在FooLabel类里添加这个方法：

@Override
public List<CssMetaData<? extends Styleable, ?>> getCssMetaData() {
    return getClassCssMetaData();
}

第二个可选优化：选择更贴合的转换器 #

你用了SizeConverter.getInstance()来处理整数属性，虽然它也能把CSS里的整数转成Number，但SizeConverter主要是用来处理带单位的尺寸值（比如10px、2em）的。如果你只需要纯整数，换成IntegerConverter.getInstance()更贴合需求，代码语义更清晰，也能避免不必要的单位解析逻辑：

private static final CssMetaData<FooLabel, Number> FOO_PROPERTY = new CssMetaData<FooLabel, Number>("-fx-foo",
        IntegerConverter.getInstance(), 10) {
    // 原有逻辑不变
};

额外小建议：优化isSettable方法的判断逻辑 #

目前你的isSettable直接返回true，建议改成判断属性是否被绑定，这样当属性被代码逻辑绑定时，CSS不会强制覆盖它，这是JavaFX控件的常规规范，能避免样式和业务逻辑冲突：

@Override
public boolean isSettable(FooLabel label) {
    return !label.fooProperty().isBound();
}

修复后的核心代码片段 #

public static class FooLabel extends Label {

    private static final CssMetaData<FooLabel, Number> FOO_PROPERTY = new CssMetaData<FooLabel, Number>("-fx-foo",
            IntegerConverter.getInstance(), 10) {

        @Override
        public boolean isSettable(FooLabel label) {
            return !label.fooProperty().isBound();
        }

        @Override
        public StyleableIntegerProperty getStyleableProperty(FooLabel label) {
            return (StyleableIntegerProperty) label.fooProperty();
        }
    };

    private static final List<CssMetaData<? extends Styleable, ?>> CSS_META_DATA;

    static {
        List<CssMetaData<? extends Styleable, ?>> list = new ArrayList<>(Label.getClassCssMetaData());
        list.add(FOO_PROPERTY);
        CSS_META_DATA = Collections.unmodifiableList(list);
    }

    // 新增的实例方法，必须加！
    @Override
    public List<CssMetaData<? extends Styleable, ?>> getCssMetaData() {
        return getClassCssMetaData();
    }

    public static List<CssMetaData<? extends Styleable, ?>> getClassCssMetaData() {
        return CSS_META_DATA;
    }

    // 其余属性、构造方法和getter/setter保持不变
}

现在重新运行代码，你就能看到控制台输出NEW VALUE:100，说明自定义CSS属性已经正常生效啦！

备注：内容来源于stack exchange，提问作者SilverCube