Program Tip

링크 위로 마우스를 가져갈 때 나타나는 손 모양 커서를 제거 할 수 있습니까?

programtip 2020. 11. 26. 19:46
반응형

링크 위로 마우스를 가져갈 때 나타나는 손 모양 커서를 제거 할 수 있습니까? (또는 일반 포인터로 설정 유지)


하이퍼 링크 위로 마우스를 가져 가면 나타나는 손 모양 커서를 제거하고 싶습니다.

이 CSS를 시도했습니다.

a.link {
    cursor: pointer;
}

이:

a.link {
    cursor: pointer !important;
}

링크 위로 마우스를 가져 가면 여전히 손으로 바뀝니다.

왜 이런 일이 발생하는지 또는이 효과를 달성 할 수있는 솔루션에 대한 아이디어가있는 사람이 있습니까?


그것이 바로 cursor: pointer;해야 할 일입니다.

커서를 정상으로 유지하려면 다음을 사용해야합니다. cursor: default


인라인 스타일링 사용 <a href="your link here" style="cursor:default">your content here</a>. 보기

또는 CSS를 사용하십시오. 예를 참조하십시오 .

이 솔루션은 브라우저 간 호환됩니다.


<button>
  <a href="https://accounts.google.com/ServiceLogin?continue=http%3A%2F%2Fmail.google.com%2Fmail%2F%3Fpc%3Den-ha-apac-in-bk-refresh14&service=mail&dsh=-3966619600017513905"
     style="cursor:default">sign in</a>
</button>

이 시도

손 모양 커서를 제거하려면

a.link {
    cursor: default;
}

참고 URL : https://stackoverflow.com/questions/8953485/is-it-possible-to-remove-the-hand-cursor-that-appears-when-hovering-over-a-link

반응형