2010-07-01 1 views
0

사용자 입력을 캡처하기 위해 표 셀 내에 contentEditable div를 생성합니다. 문제는, 텍스트를 오른쪽에 맞추면 IE8은 텍스트 입력 캐럿을 표시하지 않는다는 것입니다. 내가 시도한 다른 모든 브라우저가 작동합니다. "text-align : right"를 사용하지 않으면 작동합니다. 또한 캐럿이 div의 맨 오른쪽 이외에 있으면 작동합니다. 다음은 몇 가지 샘플 코드입니다.IE8에서 'text-align : right'가있는 contenteditable div는 캐럿을 표시하지 않습니다.

<html> 
    <body> 
    <table width=400 border=1> 
     <tr> 
     <td> 
      <div contentEditable=true style='outline: none; text-align: right;'> 
      </div> 
     </td> 
     </tr> 
    </table> 
    </body> 
</html> 

무엇이 잘못 되었나요? 아무것도 아니라면 어떻게해야합니까?

답변

3

오른쪽 패딩으로 문제가 해결되었습니다.

+1

나는 ** 모든 입력 필드 **에서 동일한 오류가 발생합니다. IE8에서 'text-align : right'는 커서를 표시하지 않습니다. +1 Sparafusile의 답변 : '패딩 오른쪽 : 1px;' 글리치는 수정되지만 모양은 다른 브라우저와 1px 차이가납니다. –