JavaFX: Wie definiert man den Rand für TextField in CSS?

Question

Ist es möglich, Padding und Margin für TextFields in JavaFX mit CSS zu definieren? Ich habe -fx-padding und einige andere Eigenschaften ausprobiert, aber ohne Wirkung. Ich benutze JavaFX 2.2, das in der neuesten Version von Java 7 enthalten ist.

Ich habe viele Textfelder und etwas wie das Folgende funktioniert nicht für mich:

nach jedem Textfeld ist keine gute Lösung für mich.

Answer 1

Geänderte Kopie von Rand für einzelnes Element über Java FX CSS konfigurieren

Es gibt keine -fx-margin:5px CSS-Eigenschaft für JavaFX-Textfelder, aber Sie können das Verhalten mit einer Kombination aus Padding, Border-Insets und Background-Insets umgehen.

Zum Beispiel ein Textfeld mit einem 5px Rand.

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

Alternativ können Sie auch höhere Padding- und niedrigere Insets-Werte definieren, falls Sie ein Padding und einen Rand möchten.

Answer 2

TextFields in JavaFX haben die CSS-Klasse text-field.

Sie können die folgende Regel definieren:

.text-field {
   ....
}

Aber ich denke, dass Sie einige Abstand um die Felder herum erstellen möchten, richtig? Leider gibt es keine margin-Eigenschaft für TextFields.

Normalerweise definiere ich ein Padding für das umschließende Control. In diesem Fall würden Sie ein Padding für alle GridPanes definieren.

Weitere Informationen finden Sie im JavaFX CSS-Referenz.

Answer 3

Bevorzugt wird die Verwendung von CSS, um das Design einer GUI in Ihrem JavaFX viel einfacher zu gestalten.

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