Kann ich die Bildhöhe in CSS anpassen: Vor/: Nach Pseudo-Elements? Während Hintergrundbilder geändert werden können, ist nicht sofort klar, ob dies für Pseudo-Element-Bilder möglich ist.

Lösung:

Sie können Ihr Ziel teilweise erreichen, indem Sie die Hintergrundgröße für die Pseudo-Element anpassen. Denken Sie jedoch daran, dass Sie immer noch die Breite und Höhe des Blocks um das Bild definieren müssen:

. PDflink: After {{ Hintergrundbild: URL ('/Images/pdf.png'); Hintergrundgröße: 10px 20px; Anzeige: Inline-Block; Breite: 10px; Höhe: 20px; Inhalt: ""; }

Mit dieser Methode können Sie die Größe des Bildes im angegebenen Block steuern. Beachten Sie jedoch, dass die allgemeinen Dimensionen des Blocks selbst auch entsprechend festgelegt werden müssen.

.pdflink:after {
    background-image: url('/images/pdf.png');
    background-size: 10px 20px;
    display: inline-block;
    width: 10px;
    height: 20px;
    content: "";
}

Alternative Lösungen:

Sie haben Reservierungen zur Änderung des Ausgangsbildes oder zur Änderung des Markups zum Einfügen eines Inline -IMG -Tags zum Ausdruck gebracht. Wenn die Kompatibilität jedoch Priorität hat, können sich diese Optionen zuverlässiger erweisen, als sich nur auf CSS zu verlassen.