JavaFX：如何在css中为TextField定义边距？

Question

是否可以使用CSS在JavaFX中为TextField定义填充和边距？ 我尝试了-fx-padding和其他一些属性，但没有效果。 我正在使用JavaFX 2.2，它包含在最新版本的Java 7中。

我有很多文本字段，并做了类似的事情：

    <GridPane.margin>
        <Insets bottom="10.0" left="60.0" right="0.0" top="10.0"/>
    </GridPane.margin>

在每个文本字段之后对我来说不是一个好的解决方案。

Answer 1

通过java fx css从单个元素的Confgure边距修改副本

Theres no -fx-margin：javafx textfields的5px css属性，但您可以使用填充，border-insets和background-insets的组合来解决该行为。

例如，具有5px边距的文本字段。

.text-field-with-margin {
    -fx-padding: 5px;
    -fx-border-insets: 5px;
    -fx-background-insets: 5px;
}

或者，您也可以定义更高的填充和更低的插入值，以防您想要填充和边距。

Answer 2

JavaFX中的TextField具有CSS类text-field 。

您可以定义以下规则：

.text-field {
   ....
}

但我认为你想在田野周围创造一些间距，对吧？ 遗憾的是， TextField没有保证金属性。

我通常为包装Control定义一个填充。 在这种情况下，您将为所有GridPanes定义填充。

有关更多信息，请查看JavaFX CSS参考 。

Answer 3

首选使用CSS来更轻松地在javafx中设计gui。

#idTextField{
  -fx-padding: 5 5 5 5;
}