Thuộc tính cursor xác định hình dạng con trỏ chuột khi di qua phần tử. Có nhiều giá trị định sẵn: pointer, text, wait, help, move, crosshair, v.v.
Ví dụ minh họa
Nhấn nút để đổi con trỏ thành "pointer" (bàn tay) khi di qua tiêu đề:
<!DOCTYPE html>
<html>
<body>
<h1 id="myID">Tiêu đề 1</h1>
<p>Kiểm tra tiêu đề trước và sau khi di chuột qua.</p>
<button type="button" onclick="display()">Thay đổi con trỏ</button>
<script>
function display() {
document.getElementById("myID").style.cursor = "pointer";
}
</script>
</body>
</html>
Các giá trị cursor phổ biến
| Giá trị | Mô tả |
|---|---|
auto | Trình duyệt tự quyết định (mặc định) |
pointer | Bàn tay chỉ – cho link, button |
text | I-beam – cho vùng nhập văn bản |
wait | Giờ cát – đang tải |
help | Dấu hỏi – trợ giúp |
move | Mũi tên di chuyển – drag & drop |
not-allowed | Dấu cấm – hành động không hợp lệ |
url(image.cur), auto | Con trỏ tùy chỉnh (có fallback) |