How do I get this CSS text-decoration override to work?

by

text-decoration does not behave the same as other font/text related styling like font-weight. Applying text-decoration will affect all nested elements as well.

Check this out:
http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration

Excerpt:

Text decorations on inline boxes are
drawn across the entire element, going
across any descendant elements without
paying any attention to their
presence. The ‘text-decoration’
property on descendant elements cannot
have any effect on the decoration of
the element
. . . .
Some user agents
have implemented text-decoration by
propagating the decoration to the
descendant elements as opposed to
simply drawing the decoration through
the elements as described above. This
was arguably allowed by the looser
wording in CSS2.

I’ve got the info from: http://csscreator.com/node/14951

More Related Contents:

  1. text-decoration not working for visited state link
  2. Why does display: inline-block; remove an underline from a child element?
  3. comma after td entry html [closed]
  4. Vertically align an image inside a div with responsive height
  5. Using relative URL in CSS file, what location is it relative to?
  6. How to create a circle with links on border side
  7. input / button elements not shrinking in a flex container
  8. How to remove the underline for anchors(links)?
  9. How to show text on image when hovering?
  10. Using “margin: 0 auto;” in Internet Explorer 8
  11. Ordered list (HTML) lower-alpha with right parentheses?
  12. Input with display:block is not a block, why not?
  13. Vertical align not working on inline-block
  14. Removing margin from flex items when they wrap
  15. CSS background-size: cover replacement for Mobile Safari
  16. Html Select box options on Hover?
  17. :not(:empty) CSS selector is not working?
  18. Why does my Transform snap back?
  19. How to vertically center a Bootstrap carousel-caption?
  20. Force browsers to load CSS before showing the page
  21. Is it possible to make a div 50px less than 100% in CSS3? [duplicate]
  22. CSS align images and text on same line
  23. Is there a `pointer-events:hoverOnly` or similar in CSS?
  24. sticky position on css grid items
  25. Adding style to file upload button in css
  26. click link below a higher z-index div [duplicate]
  27. Img’s max-height not respecting parent’s dimensions
  28. backdrop-filter not working for nested elements in Chrome
  29. display: flex not working on Internet Explorer [duplicate]
  30. Fitting child into parent

Leave a Comment