Question

I have an input field inside a span, so that I can put a pound sign before all input fields in a span with the priceField class. However, because the pound symbol is a special character, I can’t get it to render properly. I have tried the ascii dec and hex values, the html number & name and the actual symbol. Everything apart from the symbol print out the actual code, whereas the symbol outputs £.

Here is my current css:

#productEditForm .priceField:before {
    position:relative;
    display: block;
    float: left;
    content: "£";
    margin: 9px 4px 9px 2px;
    color: #075946;
}​

Any ideas?

Answer 1

You can fix the character encoding mismatch (more info would be needed for instructions on how to do that), or you can use the construct “\a3” instead of “£”.