As you can read here http://www.w3.org/TR/CSS21/generate.html, :after only works on elements that have a (document tree) content. <input>
has no content, as well as <img>
or <br>
.
More Related Contents:
- Can a ::before selector be used with a ?
- How to collect and manipulate data in HTML using
- Can I use a :before or :after pseudo-element on an input field?
- How to align checkboxes and their labels consistently cross-browsers
- Font Awesome 5 on pseudo elements shows square instead of icon
- Put icon inside input element in a form
- Google Chrome form autofill and its yellow background
- Html/Css Triangle with pseudo elements
- How do I change the color of radio buttons?
- :after and :before CSS pseudo elements hack for Internet Explorer 7
- CSS content property: is it possible to insert HTML instead of Text?
- Use a normal link to submit a form
- How to disable the resize grabber of ? [duplicate]
- Why does a filter gradient on a pseudo element not work in IE8?
- How can I style a file input field in Firefox?
- How can I use the CSS pseudo-element :before{ content: ” } to affect an element?
- Use Fieldset Legend with bootstrap
- Inline Form nested within Horizontal Form in Bootstrap 3
- Why do s clear floats?
- How to align texts inside of an input?
- How do I style the HTML form validation error messages with CSS?
- Multiple submit buttons on HTML form – designate one button as default [duplicate]
- Using attr(data-icon) property to display unicode before element
- after pseudo element not appearing in code
- How can I control the height of an Option element in Webkit?
- pseudo-element acting like a grid item in CSS grid
- Make input element (type=”text”) handle multiple lines of text
- Adding text before list
- Is it bad design to use table tags when displaying forms in html?
- How do I style radio buttons with images – laughing smiley for good, sad smiley for bad?