CSS link color not working in TinyMCE

I’ve added a custom CSS file to the TinyMCE Settings under MODx System Configuration > Interface & Features.

That works fine in the page (Resource) rich text editor with the exception of the links. They are still bold, underlined and a dark blue colour. I’ve had this problem on other sites but the one I’m working on now has a dark background colour which means the links are almost impossible to see in the editor.

I’ve tried searching through the TinyMCE source files for a way to hack the CSS but no joy.

Anyone know of a fix or workaround for this?

you need to add !important after the color and styling options in your custom CSS override file.

a:link
{
color: #666666 !important;
text-decoration: none !important;
}