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

来自Confgure margin for individual element via java fx css

的修改后的副本

Theres no -fx-margin：javafx文本字段的5px css属性，但您可以使用填充，边框插入和背景插入的组合来解决该行为。

例如，边距为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 reference。

Answer 3

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

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