커서는 Internet Explorer에서 CSS의 내용 속성 후

Question

는 커서가 나타납니다 입력 필드의 초점에 크롬, 파이어 폭스, 사파리 등 모든 주요 브라우저에서 아래 jsfiddle 예를

http://jsfiddle.net/KX6BY/1/

<div contenteditable="true" id="sud"></div> 
#sud 
{ 
width: 100px; 
height: 100px; 
top: 50px; 
left: 50px; 
border: 1px solid black; 
} 

#sud:empty:before 
{ 
content:"hello" 
} 

을 확인하시기 바랍니다 나타납니다 시작 (내용의 맨 위에)하지만 인터넷 탐색기에서 내용 뒤에 커서가 나타납니다. 이것에 대한 해결 방법이 있습니까 ??

Answer 1

작업 용액 : JSFIDDLE

텍스트에 top: 계산 값과 같도록 라인 높이를 :before psuedoclass에 position:absolute을 지정하고줌으로써 U가 모든 브라우저에서 일정 기능을 가질 수있다.

#sud:empty:before 
{ 
content:"hello"; 
position:absolute; 
top:8px; 
} 

희망이 있습니다.