Hinzufügen von einem kleinen Bild auf der rechten Seite des textField mit CSS
Hallo, ich bin mit JavaFx einen entsprechenden Antrag zu stellen. ich habe ein kleines png-Bild, das ich hinzufügen möchten, auf der rechten Seite meines textField.
ist es kein problem, fügen Sie das Bild auf den Rahmen des textField-aber für einige Grund ich kann mich nicht bewegen, das Bild zu jeder Position (das heißt, es bewegt sich nicht von der Start-Position - die linke)
mein code ist der folgende:
#textField {
-fx-background-image:url('apr.png');
-fx-background-repeat: no-repeat;
-fx-background-image-position:right;
}
Habe ich auch schon versucht mit Center, aber das hat nicht funktioniert entweder.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Als Marek weist in seiner Antwort müssen Sie das css-Attribut id falsch ist, müssen Sie
-fx-background-position: right center;
Hier ist ein kurzes Beispiel, das veranschaulicht das hinzufügen ein Bild auf der rechten Seite des TextField-mit CSS:
Css-Datei:
Beispiel-Ausgabe:
Entsprechend der uri-Abschnitt des css-Referenz:
"- Adresse kann eine absolute URI . . . oder relativ zum Speicherort der CSS-Datei."
Beispielsweise
url('pumpkin-icon.png');
ODERimages
- Verzeichnis unter dem Verzeichnis, das die css-Dateien und Referenz, wieurl('images/pumpkin-icon.png');
ODERimages
- Verzeichnis im Stammverzeichnis der Glas-und Referenz-wieurl('/images/pumpkin-icon.png');
Nicht einen relativen Bezug verwenden, die über eine
..
übergeordneten Planer z.B.../images/pumpkin-icon.png
da, auch wenn es funktioniert für eine disk-Datei, die..
Planer ist keine gültige jar-Protokoll-Pfad und wird nicht extrahiert eine Datei aus einer jar.Statt
verwenden
kopieren Sie diesen html Code und Folgen Sie mir :
füllen Sie Bild-url im img-tag oben und dann dieses stylesheet!:
Glück Freund !