Question

I tried making custom tags so that uses can enter text that displays something with red or bold etc when rendered as HTML for eg,

<rb>text here becomes red and bold</rb> and goes to default here

this gets rendered in a div with class ‘note’ and i have the following css set up

.note rb
{
    color:Red;
    font-weight:bold;
}

It works in ie9, chrome, firefox but doesnt work in ie8. How can I make it work there?

Answer 1

To please the senior browsers ( IE8 and older) I would just go with something like:

HTML:

<span class="RB">text here becomes red and bold</span> and goes to default here

CSS:

.RB {color:Red; font-weight:bold; }

This targets all the RB classes. So you only need to wrap everything inside

<span class="RB"> </span>