웹 브라우저에서 마우스 커서를 안보이게 하고 싶은 경우가 생겼습니다.

구글링을 해보니 OS(linux)쪽에서 하는 방법이 있고 브라우저에서 하는 방법이 있더군요.


OS(linux)쪽에서 하는 방법을 해봤더니 잘되더군요. 

근데 문제는 브라우저를 열어 확인 해보니 마우스 포인터가 다시 보이네요.  별개로 움직는 것 같더군요. ㅜㅜ


그래서 OS쪽거는 풀고 브라우저에서 하는 방법을 해봤습니다.

CSS로 처리가 가능 하더군요.


아래의 스타일을 html에 넣으면 됩니다.

<style type="text/css">
   html { 
          cursor: none; 
	}
</style>


테스트를 해본 브라우저는 익스플로러11, 크롬, firefox


익스플로러11에서는 아에 먹질 않고, 


크롬에서는 먹긴 먹는데 버튼 또는 클릭 이벤트 들이 들어간곳에서는 표시가 되네요..ㅡㅡ;


firefox가 제대로 먹히는것 같습니다.

깔끔하게 안나오네요. ^^ 


브라우저 특성을 타는것 같습니다.



감사합니다.


이 게시물을...