Hướng dẫn which css property changes the mouse pointer? - thuộc tính css nào thay đổi con trỏ chuột?


Thí dụ

CSS có thể tạo ra một loạt các con trỏ chuột khác nhau:

.Alias ​​{con trỏ: bí danh; -menu {con trỏ: bối cảnh-menu;}. Sao chép {con trỏ: sao chép; {con trỏ: ew-resize;}. Grab {con trỏ: lấy;}. lấy {con trỏ: lấy; ;}. Ne-resize {con trỏ: ne-resize;}. .NWSE-resize {con trỏ: nwse-resize;} .no-drop {con trỏ: no-drop; ; {con trỏ: sw-resize;} .text {con trỏ: text;}. url {con trỏ: url (myball.cur), auto; } .zoom-in {con trỏ: zoom-in;} .zoom-oui t {con trỏ: zoom-out;}
.all-scroll {cursor: all-scroll;}
.auto {cursor: auto;}
.cell {cursor: cell;}
.col-resize {cursor: col-resize;}
.context-menu {cursor: context-menu;}
.copy {cursor: copy;}
.crosshair {cursor: crosshair;}
.default {cursor: default;}
.e-resize {cursor: e-resize;}
.ew-resize {cursor: ew-resize;}
.grab {cursor: grab;}
.grabbing {cursor: grabbing;}
.help {cursor: help;}
.move {cursor: move;}
.n-resize {cursor: n-resize;}
.ne-resize {cursor: ne-resize;}
.nesw-resize {cursor: nesw-resize;}
.ns-resize {cursor: ns-resize;}
.nw-resize {cursor: nw-resize;}
.nwse-resize {cursor: nwse-resize;}
.no-drop {cursor: no-drop;}
.none {cursor: none;}
.not-allowed {cursor: not-allowed;}
.pointer {cursor: pointer;}
.progress {cursor: progress;}
.row-resize {cursor: row-resize;}
.s-resize {cursor: s-resize;}
.se-resize {cursor: se-resize;}
.sw-resize {cursor: sw-resize;}
.text {cursor: text;}
.url {cursor: url(myBall.cur),auto;}
.w-resize {cursor: w-resize;}
.wait {cursor: wait;}
.zoom-in {cursor: zoom-in;}
.zoom-out {cursor: zoom-out;}

Hãy tự mình thử »


Định nghĩa và cách sử dụng

Thuộc tính cursor chỉ định con trỏ chuột được hiển thị khi trỏ qua một phần tử.

Giá trị mặc định:Tự động
Inherited:Vâng
Animatable:không. Đọc về hoạt hình
Version:CSS2
Cú pháp JavaScript: object.style.cursor = "crosshair" thử nó


Hỗ trợ trình duyệt

Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.

Tài sản
con trỏ5.0 5.5 4.0 5.0 9.6



CSS Cú pháp

Giá trị tài sản

Giá trịSự mô tảThử nghiệm
bí danhCon trỏ chỉ ra một bí danh của một cái gì đó sẽ được tạo raChơi nó "
tất cả mọi ngườiCon trỏ chỉ ra rằng một cái gì đó có thể được cuộn theo bất kỳ hướng nàoChơi nó "
Tự độngVângChơi nó "
tất cả mọi ngườiCon trỏ chỉ ra rằng một cái gì đó có thể được cuộn theo bất kỳ hướng nàoChơi nó "
tất cả mọi ngườiCon trỏ chỉ ra rằng một cái gì đó có thể được cuộn theo bất kỳ hướng nàoChơi nó "
tất cả mọi ngườiCon trỏ chỉ ra rằng một cái gì đó có thể được cuộn theo bất kỳ hướng nàoChơi nó "
tất cả mọi ngườiCon trỏ chỉ ra rằng một cái gì đó có thể được cuộn theo bất kỳ hướng nàoChơi nó "
tất cả mọi ngườiCon trỏ chỉ ra rằng một cái gì đó có thể được cuộn theo bất kỳ hướng nàoChơi nó "
tất cả mọi ngườiCon trỏ chỉ ra rằng một cái gì đó có thể được cuộn theo bất kỳ hướng nàoChơi nó "
tất cả mọi ngườiCon trỏ chỉ ra rằng một cái gì đó có thể được cuộn theo bất kỳ hướng nàoChơi nó "
tất cả mọi ngườiCon trỏ chỉ ra rằng một cái gì đó có thể được cuộn theo bất kỳ hướng nàoChơi nó "
tất cả mọi ngườiCon trỏ chỉ ra rằng một cái gì đó có thể được cuộn theo bất kỳ hướng nàoChơi nó "
tất cả mọi ngườiCon trỏ chỉ ra rằng một cái gì đó có thể được cuộn theo bất kỳ hướng nàoChơi nó "
tất cả mọi ngườiCon trỏ chỉ ra rằng một cái gì đó có thể được cuộn theo bất kỳ hướng nàoChơi nó "
tất cả mọi ngườiCon trỏ chỉ ra rằng một cái gì đó có thể được cuộn theo bất kỳ hướng nàoChơi nó "
tất cả mọi ngườiCon trỏ chỉ ra rằng một cái gì đó có thể được cuộn theo bất kỳ hướng nàoChơi nó "
tất cả mọi ngườiCon trỏ chỉ ra rằng một cái gì đó có thể được cuộn theo bất kỳ hướng nàoChơi nó "
tất cả mọi ngườiCon trỏ chỉ ra rằng một cái gì đó có thể được cuộn theo bất kỳ hướng nàoChơi nó "
tất cả mọi ngườiCon trỏ chỉ ra rằng một cái gì đó có thể được cuộn theo bất kỳ hướng nàoChơi nó "
tất cả mọi ngườiCon trỏ chỉ ra rằng một cái gì đó có thể được cuộn theo bất kỳ hướng nàoChơi nó "
tất cả mọi ngườiCon trỏ chỉ ra rằng một cái gì đó có thể được cuộn theo bất kỳ hướng nàoChơi nó "
tất cả mọi ngườiCon trỏ chỉ ra rằng một cái gì đó có thể được cuộn theo bất kỳ hướng nàoChơi nó "
tất cả mọi ngườiCon trỏ chỉ ra rằng một cái gì đó có thể được cuộn theo bất kỳ hướng nàoChơi nó "
tất cả mọi ngườiCon trỏ chỉ ra rằng một cái gì đó có thể được cuộn theo bất kỳ hướng nàoChơi nó "
tất cả mọi ngườiCon trỏ chỉ ra rằng một cái gì đó có thể được cuộn theo bất kỳ hướng nàoChơi nó "
tất cả mọi ngườiCon trỏ chỉ ra rằng một cái gì đó có thể được cuộn theo bất kỳ hướng nàoChơi nó "
tất cả mọi ngườiCon trỏ chỉ ra rằng một cái gì đó có thể được cuộn theo bất kỳ hướng nàoChơi nó "
tất cả mọi ngườiCon trỏ chỉ ra rằng một cái gì đó có thể được cuộn theo bất kỳ hướng nàoChơi nó "
tất cả mọi ngườiCon trỏ chỉ ra rằng một cái gì đó có thể được cuộn theo bất kỳ hướng nàoChơi nó "
tất cả mọi ngườiCon trỏ chỉ ra rằng một cái gì đó có thể được cuộn theo bất kỳ hướng nàoChơi nó "
tất cả mọi ngườiCon trỏ chỉ ra rằng một cái gì đó có thể được cuộn theo bất kỳ hướng nàoChơi nó "
tất cả mọi ngườiCon trỏ chỉ ra rằng một cái gì đó có thể được cuộn theo bất kỳ hướng nào Note: Always specify a generic cursor at the end of the list, in case none of the URL-defined cursors can be used Chơi nó "
tất cả mọi ngườiCon trỏ chỉ ra rằng một cái gì đó có thể được cuộn theo bất kỳ hướng nàoChơi nó "
tất cả mọi ngườiCon trỏ chỉ ra rằng một cái gì đó có thể được cuộn theo bất kỳ hướng nàoChơi nó "
tất cả mọi ngườiCon trỏ chỉ ra rằng một cái gì đó có thể được cuộn theo bất kỳ hướng nàoChơi nó "
tất cả mọi ngườiCon trỏ chỉ ra rằng một cái gì đó có thể được cuộn theo bất kỳ hướng nàoChơi nó "
tất cả mọi ngườiCon trỏ chỉ ra rằng một cái gì đó có thể được cuộn theo bất kỳ hướng nàoChơi nó "
tất cả mọi ngườiCon trỏ chỉ ra rằng một cái gì đó có thể được cuộn theo bất kỳ hướng nào
Mặc định. Trình duyệt đặt con trỏtế bào


Các trang liên quan

Tham khảo HTML DOM: Thuộc tính con trỏ



Làm thế nào để bạn thay đổi con trỏ chuột trong CSS?

Bây giờ làm cách nào để sử dụng CSS để tùy chỉnh con trỏ chuột?Để sử dụng điều này, bạn chỉ cần nói với CSS những hình ảnh bạn dự định sử dụng và trỏ thuộc tính con trỏ vào URL hình ảnh bằng cách sử dụng giá trị URL.Từ đoạn mã ở trên, bạn có thể thấy tôi đặt cái này trên thân tài liệu, vì vậy nó có thể áp dụng cho con trỏ bất kể nó di chuyển ở đâu.tell CSS what image you intend to use and point the cursor property to the image URL using the url value. From the code snippet above, you can see I set this on the document body, so it can apply to the cursor no matter where it moves.

Thuộc tính nào thay đổi hình dạng của con trỏ chuột?

Thuộc tính con trỏ đặt hoặc trả về loại con trỏ để hiển thị cho con trỏ chuột.cursor property sets or returns the type of cursor to display for the mouse pointer.

Thuộc tính CSS nào cho phép bạn xác định sự xuất hiện của con trỏ chuột?

Thuộc tính con trỏ đặt sự xuất hiện của con trỏ chuột khi lơ lửng trên một phần tử.Sự xuất hiện có thể được đặt bằng cách chỉ định loại con trỏ hoặc bằng cách tải một biểu tượng cụ thể. sets the appearance of the mouse cursor when hovering over an element. The appearance can be set by specifying the type of cursor, or by loading a specific icon.