Hinzufügen eines kleinen Bildes auf der rechten Seite von textField mit CSS
Hallo, ich benutze JavaFx, um eine Anwendung zu erstellen. Ich habe ein kleines PNG-Bild, das ich auf der rechten Seite meines TextField hinzufügen möchte.
es ist kein Problem, das Bild zum Rahmen des textFields hinzuzufügen, aber aus irgendeinem Grund kann ich das Bild nicht zu einer Position bewegen (was bedeutet, dass es sich nicht von der Anfangsposition wegbewegt - was übrig ist)
Mein Code ist folgender:
%Vor%Ich habe es auch mit Center versucht, aber das hat auch nicht funktioniert.
3 Antworten
Da Marek in seiner Antwort darauf hinweist, dass die css-Attribut-ID falsch ist, müssen Sie -fx-background-position: right center;
Hier ist ein kurzes Beispiel, das zeigt, wie man ein Bild auf der rechten Seite eines TextFields mit CSS hinzufügt:
%Vor%CSS-Datei:
%Vor%Beispielausgabe:
Wenn mein PNG-Bild eine lokale Datei in meiner JAR-Datei ist, wie kann ich darauf zugreifen oder darauf verweisen?
Nach dem URL-Abschnitt der CSS-Referenz :
"Adresse kann ein absoluter URI sein... oder relativ zum Speicherort der CSS-Datei."
Zum Beispiel
- a) Platzieren Sie die CSS- und Bilddateien an derselben Stelle in der JAR-Datei und verweisen Sie mit nur
url('pumpkin-icon.png');OR - b) Legen Sie die Bilddateien in ein Verzeichnis
imagesunterhalb des Verzeichnisses, das die CSS enthält, und verweisen Sie wieurl('images/pumpkin-icon.png');OR - c) Platzieren Sie die Bilddateien in einem
images-Verzeichnis im Stammverzeichnis Ihres jar, und verweisen Sie aufurl('/images/pumpkin-icon.png');
Verwenden Sie keine relative Referenz, die einen .. Elternspezifizierer verwendet, z. ../images/pumpkin-icon.png as, obwohl es für eine Festplattendatei funktioniert, ist der .. -Spezifizierer kein gültiger Jar-Protokollpfad und wird keine Datei aus einem Jar extrahieren.
Kopiere diesen HTML-Code und folge mir:
%Vor%Füllen Sie die Bild-URL im obigen Tag aus und verwenden Sie dann dieses Stylesheet!:
%Vor%Viel Glück, Freund!