반응형
링크 위로 마우스를 가져갈 때 나타나는 손 모양 커서를 제거 할 수 있습니까? (또는 일반 포인터로 설정 유지)
하이퍼 링크 위로 마우스를 가져 가면 나타나는 손 모양 커서를 제거하고 싶습니다.
이 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;
}
반응형
'Program Tip' 카테고리의 다른 글
값에 따라 DataGrid 셀 색상 변경 (0) | 2020.11.26 |
---|---|
Rails 콘솔이 lib에서 모듈을 다시로드 할 수 있습니까? (0) | 2020.11.26 |
Bash / Debian에서 파일 생성 날짜 / 시간을 얻는 방법은 무엇입니까? (0) | 2020.11.26 |
벡터 드로어 블을 미리 볼 수있는 방법이 있습니까? (0) | 2020.11.26 |
멤버 식의 값에 액세스 (0) | 2020.11.26 |