관련지식
html, css
특정 영역이나 상황에서 마우스 커서를 바꾸고 싶을때 CSS로 간단하게 적용이 가능합니다.
만약 어떤 처리중임을 표시하거나 선택 불가 같은 효과를 넣고 싶을때 유용합니다. 물론 자바스크립트에서 CSS를 동적으로 수정하여 적용도 가능합니다.
전체 속성은 여기 를 참고하면 되겠습니다.
샘플
<!DOCTYPE html><html lang="en"><head><title>CSS Template</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><script src="https://code.jquery.com/jquery-3.3.1.min.js"></script><style>#main > div { padding:30px; border: 1px solid khaki; }</style></head><body><div style="background-color:black; width:500px; height:300px; padding:3px"><div id="main" style="width:100%; height:100%; background-color: white"><div style="cursor:copy">copy</div><div style="cursor:not-allowed">not-allowed</div><div style="cursor:progress">progress</div></div></div><script>document.getElementsByTagName("div")[0].style.cursor = "pointer";</script></body></html>
'쓸데없는 코딩하기' 카테고리의 다른 글
| script와 css의 선언 위치는 어디가 좋을까 (0) | 2019.05.22 |
|---|---|
| 인터넷 익스플로러에서 sessionStorage, localStorage 를 사용할수 없을때 (0) | 2019.05.15 |
| [css] dimmed 처리 방법 두가지 (0) | 2019.03.29 |
| [vue.js] mixin 사용하기 (0) | 2019.03.26 |
| 서버 사이드 렌더링과 클라이언트 사이드 렌더링 (0) | 2019.03.09 |