¿Puedo ajustar la altura de la imagen en css: antes/: después de pseudo-elementos?

su consulta es si es posible modificar la altura de una imagen utilizada dentro de un CSS: antes/: después de pseudo-elemento. Si bien las imágenes de fondo se pueden redimensionar, no está clara de inmediato si lo mismo es posible para las imágenes de pseudoelemento.

solución:

puede alcanzar parcialmente su objetivo ajustando la propiedad de tamaño de fondo para el seudo-elemento. Sin embargo, tenga en cuenta que aún necesitará definir el ancho y la altura del bloque que rodea la imagen:

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

Este método le permite controlar el tamaño de la imagen dentro del bloque especificado. Sin embargo, tenga en cuenta que las dimensiones generales del bloque en sí también deberán establecerse en consecuencia.

soluciones alternativas:

ha expresado reservas sobre cambiar el tamaño de la imagen de origen o modificar la marca para incluir una etiqueta IMG en línea. Sin embargo, si la compatibilidad es una prioridad, estas opciones pueden resultar más confiables que confiar únicamente en CSS.