Adding border-radius to TinyMCE textarea

Question

Is it possible to add a border-radius to TinyMCE'd textareas? It's kinda killing me that I have rounded corners on my input fields etc, but I can't get it working on my textarea.. Probably because TinyMCE is turning it into an IFRAME? Is there any way around this? Thanks a lot!

Answer 1

One solution is to use the editor_css setting. This css gets applied after the default tinymce css is loaded thus overwrite the default one.

I created a file called editor.css containing the following

.defaultSkin table.mceLayout {border:1px solid black}

and set the tinymce parameter using editor_css

editor_css : 'path_to_css'.'/editor.css',

This creates a nice thin black line around the editor.