如何修改javafx colorpicker？

Question

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

​

​

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

我尝试使用这个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定位预览，您需要使用.picer-color，因为外观包含一个窗格，该窗格将预览保存为矩形

例如：

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

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

​

​