如何修改javafx colorpicker？

Question

这是我目前的颜色选择器：

如何设置其颜色预览宽度，边框颜色和半径？是否有可能摆脱＆＃34;自定义颜色＆＃34;底部的选项而不是默认颜色使用我自己的一组颜色？

我尝试使用这个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，因为外观包含一个将预览保存为矩形的窗格

e.g。

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

以控件的这一部分为目标，允许您更改宽度等：