: before 가상 엘레멘트를 사용하여 비 ASCII 문자 삽입하기

Question

필자는 priceField 클래스가있는 스팬의 모든 입력 필드 앞에 파운드 기호를 넣을 수 있도록 입력 필드를 스팬 안에 넣었다. 그러나 파운드 기호가 특수 문자이기 때문에 올바르게 렌더링 할 수 없습니다. 나는 아스키 십과 16 진수 값, html 숫자 & 이름과 실제 심볼을 시도했다. 기호와 별개로 실제 코드가 출력되지만 기호는 Â £을 출력합니다.

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

어떤 아이디어 : 여기

내 현재 CSS는 무엇입니까?

Answer 1

문자 인코딩 불일치를 해결할 수 있습니다 (자세한 방법은 지시 사항에 대한 지침이 필요합니다). 또는 "\ a3"대신 "\ a3"구문을 사용할 수 있습니다. "£".

Answer 2

스타일 시트 인코딩과 문서 인코딩이 일치하지 않습니다. UTF-8 또는 다른 일반 인코딩으로 저장하십시오.