Css 标题窗格中箭头和标题之间的间距

我已经创建了一个有标题的窗格。我希望箭头（在示例中为“person”图标）和标题之间有更大的空间。

我尝试过使用CSS

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

或

但似乎没有任何东西能移动这些物品。 我该怎么做呢？

试试看

.title窗格>.title>箭头按钮{
-外汇填充：0.0em 1.66em 0em 0em；
}

---

（右侧的默认填充为0.583em，在默认windows设置中为7px。）

@Marvin这是一个，没有html可包含。它起作用了，我更改了

。标题窗格>。标题{-fx填充：

，以及您的建议，并且能够做到。谢谢！

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