Is the :before pseudo-element allowed on an input[type=checkbox]?

by

This is uncharted land; the specifications do not clear things up. The CSS 2.1 spec says:

“Note. This specification does not fully define the interaction of :before and :after with replaced elements (such as IMG in HTML). This will be defined in more detail in a future specification.” And, debatably, INPUT could be seen as a replaced element in CSS 2.1 sense.

One might think that these pseudo-elements cannot be used for elements that cannot have any content (i.e., with EMPTY declared content), such as IMG or INPUT. However, the wording mentions IMG, and Appendix D has a rule with the selector br:before.

And CSS3 Selectors, one of the few parts of CSS3 that have reached recommendation status, does not clear things up. It says:

“The ::before and ::after pseudo-elements can be used to describe generated content before or after an element’s content. They are explained in CSS 2.1 [CSS21].”

More Related Contents:

  1. Pure CSS checkbox image replacement
  2. Is there a CSS selector for elements containing certain text?
  3. What does the “~” (tilde/squiggle/twiddle) CSS selector mean?
  4. ::slotted CSS selector for nested children in shadowDOM slot
  5. nth-child doesn’t respond to class [duplicate]
  6. Select elements by attribute in CSS
  7. Nesting CSS classes
  8. CSS attribute selectors: The rules on quotes (“, ‘ or none?)
  9. Matching an empty input box using CSS
  10. Is the CSS :not() selector supposed to work with distant descendants?
  11. What is the difference between ‘>’ and a space in CSS selectors?
  12. SASS: randomly pick background-image from a list
  13. Combining :last-child with :not(.class) selector in CSS
  14. CSS Styling Checkboxes
  15. Why can’t you group descendants in a CSS selector?
  16. Should I use CSS :disabled pseudo-class or [disabled] attribute selector or is it a matter of opinion?
  17. Not CSS selectors
  18. CSS Selector for nth range?
  19. What is this CSS selector? [class*=”span”]
  20. CSS selector (id contains part of text)
  21. Is there any pros and cons if i use always CSS Class instead CSS ID for everything?
  22. Is there such a thing as an “all inclusive sibling” CSS selector?
  23. CSS selector involving pseudo class first-child and dropcap
  24. CSS select multiple descendants of another element
  25. Select all ‘tr’ except the first one
  26. What are the rules around whitespace in attribute selectors?
  27. CSS – First child without certain class
  28. CSS select first element with a certain class
  29. Correct terms and words for sections and parts of selectors
  30. How does CSS specificity decide which styles to apply?

Leave a Comment