css insert text instead of image

Question

Instead of image how to include a text saying required

    <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;
     }

BoltClock · Accepted Answer · 2011-08-04 13:01:42Z

2

If you don't want the background image at all, remove it, and use the :after pseudo-element to insert the text:

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

If you need the background image as a fallback for older browsers (because IE7 and older don't recognize :after), you'll have to resort to some CSS hack or something to apply it for older browsers (or just put the background image in a separate stylesheet with a conditional comment).

answered Aug 4, 2011 at 13:01

BoltClock

728k165 gold badges1.4k silver badges1.4k bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

css insert text instead of image

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related