CSS text-decoration underline color

Question

Possible Duplicate    Changing Underline color       It s possible to change only line color which is under text   I would like to see something like red letters with a blue line below it  but I can t find out how to get this done

User · Answer

As far as I know it s not possible    but you can try something like this    x000D   x000D   underline  x000D    x000D      color  blue  x000D      border-bottom  1px solid red  x000D    x000D   lt div gt  x000D       lt span class  underline  gt hello world lt  span gt  x000D   lt  div gt  x000D   x000D   x000D

User · Answer

You can t change the color of the line  you can t specify different foreground colors for the same element  and the text and its decoration form a single element   However there are some tricks   a link  a visited  text-decoration  none  color  red  border-bottom  1px solid  006699    a hover  a active  text-decoration  none  color  red  border-bottom  1px solid  1177FF      Also you can make some cool effects this way   a link  text-decoration  none  color  red  border-bottom  1px dashed  006699      Hope it helps

User · Answer

for fellow googlers  copied from duplicate question  This answer is outdated since text-decoration-color is now supported by most modern browsers    You can do this via the following CSS rule as an example   text-decoration-color green    If this rule isn t supported by an older browser  you can use the following solution   Setting your word with a border-bottom   a link     color  red    text-decoration  none    border-bottom  1px solid blue    a hover    border-bottom-color  green

User · Answer

You can do it if you wrap your text into a span like    x000D   x000D  a   x000D    color  red  x000D    text-decoration  underline  x000D    x000D  span   x000D    color  blue  x000D    text-decoration  none  x000D    x000D   lt a href     gt  x000D     lt span gt Text lt  span gt  x000D   lt  a gt  x000D   x000D   x000D

[css] CSS text-decoration underline color

Examples related to css

Examples related to text-decorations