colors - 如何修改javafx colorpicker？

Question

这是我当前的颜色选择器:

如何设置其颜色预览宽度、边框颜色和半径的样式？是否可以去掉底部的“自定义颜色”选项，使用我自己的颜色集代替默认颜色？

我尝试使用这个 CSS:

.color-picker {
-fx-skin: "CustomSkin";
-fx-background-color: white; 
-fx-background-radius: 2; 
-fx-padding: 0;
-fx-background-insets: 0, 1;
}

.color-picker .color-picker-label .text {
visibility: false;
}

.color-picker .color-picker-label{
-fx-scale-x: 1.53;
-fx-scale-y: 1.53;
-fx-spacing: 0;
-fx-padding: 3;
-fx-border-width: 0;
 -fx-background-insets: 0, 1;
 -fx-border-radius: 2;
}

Answer 1

我知道这是一个老问题，但我在尝试修改 ColorPicker 预览时偶然发现了一个类似的问题，希望下面的内容可以帮助其他人尝试进行类似的更改

为了使用 css 定位预览，您需要使用 .picker-color，因为皮肤包含一个将预览作为矩形保存的 Pane

例如

.picker-color {
    -fx-border-color: green;
}

它针对控件的这一部分，允许您更改宽度等: