-
질문 & 답변
카테고리
-
세부 분야
프론트엔드
-
해결 여부
해결됨
마우스 커서 질문이요!
21.03.26 13:22 작성 조회수 88
1
강의 먼저 듣고 조금씩 변형해보면서 복습하고있어요!:)
그런데 마우스 이동할때 커서아이템만 나오고 마우스표시를 지우고싶어서 cursor:none; 을 주었는데 적용이 안되더라고요 ㅠㅠ 혹시 커서를 없애고 커서아이템(네모이미지)만 나오도록 할 수 있는 방법이 있을까요?? 그리고 왜 cursor:none이 적용이 안되는지 이유도 알고싶어요,,! 감사합니다!!
답변을 작성해보세요.
1
코딩일레븐
지식공유자2021.03.26
안녕하세요~
cursor: none; 은 html이나 body에 바로 걸면 안 됩니다.
어딘가에 닿아야 cursor:none; 이 작동합니다.
우선 원하는 태그(버튼이라던가) 에 직접 걸어보세요.
button { cursor: none; } 이렇게요.
이게 된다면 바디를 꽉 채우는 태그를 하나 넣고 테스트 해보세요.
div { width: 100vw; height : 100vh; background : black; cursor: none; }
이렇게 해보시면 커서가 없어질 겁니다. 이 위에서는.
안 되시면 다시 글 남겨주세요.
샘플 보여드릴게요.
답변 1