반응형
클릭 시 마우스 포인터 변경
나는 가지고 있다div
Angular와 함께ng-click
지시문이 첨부되어 있습니다.이 요소 위로 마우스를 이동해도 마우스 포인터는 변경되지 않습니다.CSS를 통해 변경할 수 있는 방법이 있나요?앵커 태그를 붙이기만 하면 된다는 것은 알고 있습니다만, 이것이 가능한지 알고 싶습니다.
css를 통해 변경할 수 있는 방법이 있나요?
네, 를 참조해 주세요.
이 기능을 사용하여 요소를 타겟으로 하고 싶은 경우ng-click
예를 들어 다음과 같습니다.
[ng-click],
[data-ng-click],
[x-ng-click] {
cursor: pointer;
}
커서 속성만 사용하면 됩니다.
<div data-ng-click="myFun()" class="pointer"></div>
.pointer {
cursor: pointer;
}
css를 통해 실행할 수 있습니다.추가만 하면 됩니다.
.yourClass { cursor: pointer; }
스타일시트에
datatables를 사용하는 경우 기본 datatables.css 설정을 덮어쓰고 다음 코드를 커스텀 CSS에 추가해야 합니다.아래 코드는 HTML 페이지에서 데이터 테이블에 추가한 클래스입니다.
table.row-select.dataTable tbody td
{
cursor: pointer;
}
네, 단순히 CSS를 통해 달성할 수 있습니다. Angular에 대한 특별한 사항은 없습니다.여기 JS.
<div ng-click="myAngularFunctionWithinController()" style="cursor: hand;cursor: pointer;">
</div>
언급URL : https://stackoverflow.com/questions/18896859/change-the-mouse-pointer-on-ngclick
반응형
'programing' 카테고리의 다른 글
변수 감시 및 변경 (0) | 2023.03.09 |
---|---|
React CSS가 컴포넌트 범위를 Import하도록 하는 방법 (0) | 2023.03.09 |
처리되지 않은 jQuery AJAX 오류 방지 (0) | 2023.03.09 |
Oracle의 부울 필드 (0) | 2023.03.04 |
Oracle null == null 확인 (0) | 2023.03.04 |