웹개발하며 살아가는 이야기들 (게시판담당 : 리유님)
글 수 496
편집 가능한 엘리먼트(contentEditable)에서 브라우저 마다 서로 다른 Caret Color를 처리 방식
조회 수 4024 추천 수 0 2010.09.01 11:10:06HTML5에 추가된 contentEditable 기능이 있습니다. 웹페이지 전체 또는 특정 노드를 편집할 수 있도록 하는데, caret color처리하는 부분이 브라우저 마다 다르고, webkit계열 브라우저는 검은색 배경에서는 caret이 보이지 않는 문제가 있습니다.
이런 사소한 부분에 관심을 갖는 분이 얼마나 있을 지 모르겠지만,
caret이 보이나요?? |
|
caret이 보이나요?? |
|
Safar, Chrome을 쓰는 분은 caret이 보지 않을 것입니다. 무조건 검은 색이기 때문입니다.
Firefox를 쓰는 분은 보입니다. caret이 text color를 따르기 때문이죠.
Opera와 IE를 쓰시는 분도 caret이 보입니다. 하얀색이기 때문입니다.
Opera의 경우, 흰 배경에서는 다시 caret색이 검은색으로 바뀝니다.
이 부분에 관한 버그를 리포트하였고, Firefox방식으로 수정했는데, Opera방식을 선호하는 분도 있어서 어떻게 해야할지 고민입니다. 여러분의 의견은?
https://bug-44862-attachments.webkit.org/attachment.cgi?id=66020 (OGG video demo)
https://bugs.webkit.org/show_bug.cgi?id=44862 (관련 버그)




opera는 contentEditable 속성이 동작 안하네요..