(Solved) Text Decoration Color Not Working Tutorial

Home > Text Decoration > Text Decoration Color Not Working

Text Decoration Color Not Working


The shorthand property and the sub-properties text-decoration-color, text-decoration-line, and text-decoration-style are supported unprefixed in Firefox, and with the -webkit prefix in Safari. This does not change the color of the link line, but instead creates a line that is much lower, so much lower that it doesn't look good. –Rhyous Feb 3 '14 It's technically in the codebase, and Chrome can technically support it, but virtually noone is going to see it working. Markdown is supported, so you can write inline code like `

` or multiline blocks of code in triple backtick fences like this: ``` script function example() { element.innerHTML = "
"; } his comment is here

The hover is working now. Reply ↓ Leave a Comment Name* Email Comment Posting Code We highly encourage you to post problematic HTML/CSS/JavaScript over on CodePen and include the link in your post. You can adjust the nesting: a:-webkit-any-link { color: black; } share|improve this answer edited Apr 18 at 5:55 MikeT 1,0494923 answered Apr 18 at 5:13 Eben Hafkamp 346 add a comment| When it worked, it made the text appear to "blink" by rapidly toggling it between 0% and 100% opacity.

Text-decoration-color Chrome

I used a solution that I happened to already have on my laptop on an exam. Cancel Reply Job Board Twenty Over Ten is hiring a Web Designer/Developer Hart is hiring a Web Designer Oregon State University Extended Campus is hiring a UX Graphic Designer See More Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. Initial valuecurrentColorApplies toall elements.

So, with your comment you're saying the extra element isn't necessary if you use a border instead of text-decoration: underline;? –Derek Litz Jul 18 '13 at 14:36 14 @JezenThomas Actually, I just hope that I seriously have to change browser for this? It can't just be the browsers fault, so please help Thank you 188 points Submitted by N over 2 years ago 3 Comments N over 2 years ago a { text-decoration:none; Css Underline Spacing h3 { text-decoration: underline; } Values none: no line is drawn, and any existing decoration is removed.

Hide Newsletter Sign-up See also CSSCSS ReferenceCSS Text DecorationPropertiestext-decorationtext-decoration-colortext-decoration-linetext-decoration-skiptext-decoration-styletext-emphasistext-emphasis-colortext-emphasis-positiontext-emphasis-styletext-shadowtext-underline-position © 2005-2016 Mozilla Developer Network and individual contributors. This is the code I've used : a:link{ text-decoration: none; color: #008b45; } a:visited{ color: #ee9a00; } a:hover{ color: #00ff00; } Teena Mathew over 3 years ago One possible reason for The -moz- equivalent does work in Firefox. http://stackoverflow.com/questions/12804419/css-text-decoration-underline-color Candidate Recommendation Initial definition.

more stack exchange communities company blog Stack Exchange Inbox Reputation and Badges sign up log in tour help Tour Start here for a quick overview of the site Help Center Detailed Text-decoration-style share|improve this answer answered Jan 26 '14 at 14:47 Esci Villagonzalo Morales 69117 this answer not working –mina morsali Aug 21 '14 at 6:29 add a comment| up vote Please use our new forums at discuss.codecademy.com. I've even tried forcing it to by adding a { text-decoration: underline; } and then taking it off for specific "classes" of links...

Text-decoration-color Not Working In Chrome

How can you do this without at least two spans? http://www.w3schools.com/cssref/css3_pr_text-decoration-color.asp Texas, USA speed ticket as a European citizen, already left the country Does Apex have an equivalent to the C# object initializer? Text-decoration-color Chrome Let me know if you have anything. Text Decoration Underline Thickness Reply ↓ Martijn Permalink to comment# May 1, 2014 Turns out in Chrome (26+, iirc) you need to enable an experimental features flag.

Browse other questions tagged css text-decorations or ask your own question. this content can't make them show the underline no matter what. more hot questions default about us tour help blog chat data legal privacy policy work here advertising info mobile contact us feedback Technology Life / Arts Culture / Recreation Science Other this is my css code: a:link { text-decoration:none; color:#008b45; } a:hover { color:green; } a:visited { color:#ee9a00; } now whenver i hover over it should be green ...but that is not Text-decoration-line

I always that If something works anywhere else it must work in webkit Reply ↓ Leave a Comment Name* Email Comment Posting Code We highly encourage you to post problematic HTML/CSS/JavaScript Course Forum Section 5 does not recognize "text-decoration" CSS: An Overview Forum View Course 739 points Submitted by Agustin Feliciano almost 4 years ago does not recognize "text-decoration" Under CSS and Demo The text-decoration-color in this demo works in the current versions of Firefox and Safari. weblink Since this demonstrates how this can be done, the duplicate question answer that says it's not possible is just plain wrong...

Did you remember to set your link's text-decoration to none;?" i entered link{ text-decoration:none; color:#cc0000; } so i'm not sure if this is wrong or just a glitch. 9 votes permalink Css Underline Color Chrome Default value: currentColor Inherited: no Animatable: yes. If I got to this lesson I probably have learned how to make a link in the index.html file.

There are answers below concerning links, but in this question it is not specified whether they mean just inline text, links, or as seen in the other post, "underline" which

I hate to say it, but I guess we have to use Firefox for these lessons :( 604 points Submitted by Xanderoid over 2 years ago 0 votes permalink I put a:link { color: red; text-decoration: none; border-bottom: 1px solid blue; } a:hover { border-bottom-color: green; } share|improve this answer edited Jun 21 '14 at 9:45 answered Oct 9 '12 at 16:31 Content is available under these licenses. Text Decoration Underline Spacing Do any languages use {woman} as the root for human?

Jul 10 '12 at 18:57 What browser are you using? –jfrej Jul 10 '12 at 18:57 1 I'm with Nikola, no underlines. You need to link it in the index page. 511 points Submitted by Shannon almost 4 years ago share|improve this answer answered Jul 10 '12 at 19:00 Guffa 451k58422740 Ah, great explanation thank you. –Olly F Jul 10 '12 at 19:02 add a comment| up vote 11 check over here See the Pen text-decoration-color by CSS-Tricks (@css-tricks) on CodePen.

North by North by North by South East How to change the font size and color of a certain part of label in ArcGIS What different frame materials have been used?