CSS вставить текст вместо изображения

Question

Вместо изображения, как добавить текст с надписью

    <label class="req">Name:</label>
    .req
    {
       //background-image:url(img/mandatory.jpg);
       background-position:top right;
       background-repeat:no-repeat;
       padding-right:10px;
      font-weight:bold;
     }

Answer 1

Если вам совсем не нужно фоновое изображение, удалите его и используйте псевдоэлемент :after для вставки текста:

.req:after {
    content: '*';
}

Если вам нужно фоновое изображение в качестве запасногодля более старых браузеров (поскольку IE7 и более старые не распознают :after), вам придется прибегнуть к некоторому хаку CSS или к чему-то еще, чтобы применить его к более старым браузерам (или просто поместить фоновое изображение в отдельную таблицу стилей с условным комментарием).