If you use display: inline-block
on the :after
pseudo, the text-decoration
declaration will work.
Tested in Chrome 25, Firefox 19
More Related Contents:
- Is it possible to set the stacking order of pseudo-elements below their parent element? [duplicate]
- How can I write a ‘:hover’ condition for ‘a:before’ and ‘a:after’?
- Why do the :before and :after pseudo-elements require a ‘content’ property?
- CSS :after not adding content to certain elements
- Why don’t :before and :after pseudo elements work with `img` elements? [duplicate]
- Browser support for CSS Grid
- What is the difference between a pseudo-class and a pseudo-element in CSS?
- Font Awesome 5, why is CSS content not showing?
- Can I change the height of an image in CSS :before/:after pseudo-elements?
- Can I target a :before or :after pseudo-element with a sibling combinator?
- Should I use single or double colon notation for pseudo-elements?
- Universal selector * and pseudo elements
- Greyscale Background Css Images
- complete styles for cross browser CSS zoom
- Why doesn’t [CSS feature] work in [browser] but works in others?
- ::before pseudo-element stacking order issue
- CSS3 ::selection behaves differently in FF & Chrome
- IE7 and the CSS table-cell property
- Are CSS selectors case-sensitive?
- Nesting pseudo-elements inside pseudo-elements
- css rotate a pseudo :after or :before content:”” [duplicate]
- Sub-Pixels calculated and rendered differently among browsers
- Can you apply a width to a :before/:after pseudo-element (content:url(image))?
- Vertically and horizontally centering text in circle in CSS (like iphone notification badge)
- input height differences in Firefox and Chrome
- prevent a pseudo element from triggering hover?
- Purpose of *:before, *:after rule without content property
- What is the difference between pseudo-classes and pseudo-elements?
- CSS3 transitions on pseudo-elements (:after, :before) not working?
- IE CSS Bug: background-color: transparent behaves differently to background-color: (any other colour)