如何在Scene Builder中修复剪切文本

Question

我有这个带边框和文字的按钮。如果我使按钮变小，文本开始被剪切，即使边框尚未到达文本。 image of the button

这是fxml代码：

<Button alignment="CENTER_RIGHT" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" mnemonicParsing="false" prefHeight="66.0" prefWidth="194.0" styleClass="eventEditorVorspiel" stylesheets="@../css/style.css" text="VORSPIEL" textFill="WHITE">

这就是css：

-fx-font-size: 22pt;
-fx-border-width: 2;
-fx-border-color: white;
-fx-background-image: url("/icons/plus_ws.png");
-fx-background-color: transparent;
-fx-background-size: 42 42;
-fx-background-repeat: no-repeat;
-fx-background-position: left;
-fx-border-insets: 10px 0px 10px 0px 40px 0px 40px 0px ;
-fx-padding: 0px 0px 15px 0px;

找到解决方案：

css padding中的15px剪切了文本。我完全删除了填充，现在它可以正常工作。