Can I change the height of an image in CSS :before/:after pseudo-elements?

by

Adjusting the background-size is permitted. You still need to specify width and height of the block, however.

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

See the full Compatibility Table at the MDN.

More Related Contents:

  1. Why isn’t it possible to combine vendor-specific pseudo-elements/classes into one rule set?
  2. How can I write a ‘:hover’ condition for ‘a:before’ and ‘a:after’?
  3. Why do the :before and :after pseudo-elements require a ‘content’ property?
  4. CSS :after not adding content to certain elements
  5. Font Awesome 5 Choosing the correct font-family in pseudo-elements
  6. Why don’t :before and :after pseudo elements work with `img` elements? [duplicate]
  7. What is the difference between a pseudo-class and a pseudo-element in CSS?
  8. Font Awesome 5, why is CSS content not showing?
  9. CSS :before on inline SVG
  10. Is there a way to use SVG as content in a pseudo element ::before or ::after
  11. Can I target a :before or :after pseudo-element with a sibling combinator?
  12. Should I use single or double colon notation for pseudo-elements?
  13. Add line break to ::after or ::before pseudo-element content
  14. Universal selector * and pseudo elements
  15. Combine :after with :hover
  16. Are CSS3 ::before and ::after pseudo elements supported by IE9 or not?
  17. ::before pseudo-element stacking order issue
  18. CSS3 ::selection behaves differently in FF & Chrome
  19. Vertically centering content of :before/:after pseudo-elements
  20. Nesting pseudo-elements inside pseudo-elements
  21. “text-decoration” and the “:after” pseudo-element, revisited
  22. css rotate a pseudo :after or :before content:”” [duplicate]
  23. Should I use single colons (:) or double colons (::) for before, after, first-letter and first-line pseudo-elements?
  24. Change style of pseudo elements in angular2
  25. Can you apply a width to a :before/:after pseudo-element (content:url(image))?
  26. prevent a pseudo element from triggering hover?
  27. Purpose of *:before, *:after rule without content property
  28. Apply webkit scrollbar style to specified element
  29. What is the difference between pseudo-classes and pseudo-elements?
  30. CSS3 transitions on pseudo-elements (:after, :before) not working?

Leave a Comment