标题窗格中箭头和标题之间的空格

Question

我创建了一个标题窗格。我希望在箭头（例如＆＃34; person＆＃34;图标）和标题之间有更宽的空间。

我尝试过使用CSS

.titled-pane > .title {
-fx-padding: 10 10 10 10; 

或

-fx-background-insets: 10 10 10 10;

但似乎没有任何东西可以移动物品。 我怎么能这样做？

Answer 1

尝试

.titled-pane > .title > .arrow-button {
    -fx-padding: 0.0em 1.66em 0em 0em ;
}

（右侧的默认填充为0.583em，默认窗口设置为7px。）