How to add dollar sign through css content

Question

How can I show the "$" sign through the CSS content: "I've tried all kinds of codes. Input only

div.example {Content:"$1000";}

displayed on site type "00".

Trying to do this before resorting to Javascript.

+3

css css-content

Sana May 02 '15 @ 1:14 am

source to share

3 answers

Robin carlo catacutan · Answer 1 · 2015-05-02T01:16:51+0000

.dollar:before {
    content: '$';
}

Brian John · Answer 2 · 2015-05-02T01:58:42+0000

Not enough HTML to proceed, but take a snapshot:

The CSS property has to content

be used with ::before

and ::after

, and when I put the $ inside my content declaration everything works ...

See JSfiddle here

shubham jain · Answer 3 · 2015-06-12T06:42:09+0000

You can use the following code to display dollar sign in CSS content property

div.example { content: "\0024"; }