Danh sách Con trỏ CSS

Xem tất cả 36 kiểu con trỏ có thể chỉ định bằng cursor CSS bằng cách di chuột và sao chép mã

Tính năng

Hiển thị danh sách tất cả 36 kiểu cursor

Tập hợp các từ khóa tiêu chuẩn CSS trên một trang

Xác nhận hình dạng thực tế bằng cách di chuột

Con trỏ thay đổi hình dạng khi bạn di chuyển chuột qua

Tổ chức theo 6 nhóm mục đích

Dễ dàng tìm thấy con trỏ mong muốn với mô tả ngắn kèm theo

Sao chép CSS bằng một cú nhấp chuột

Dạng "cursor: pointer;" có thể dán trực tiếp

Cách sử dụng

1

Tìm kiếm theo nhóm

Tìm các lựa chọn từ các tiêu đề theo mục đích như "Chung", "Kéo thả", v.v.

2

Di chuột để xác nhận

Di chuyển con trỏ đến khung "Di chuột vào đây" để xem hình dạng

3

Sao chép và dán

Nhấn nút "Sao chép" để lấy CSS và dán vào bảng kiểu của bạn

Danh sách Con trỏ CSS

Trường hợp sử dụng

Kiểm tra con trỏ cho nút và liên kết

Xác nhận hình dạng của pointer để thêm vào các phần tử có thể nhấp

Chọn con trỏ cho giao diện kéo thả

So sánh grab, move, copy để chọn hình dạng phù hợp với thao tác sắp xếp lại hoặc di chuyển

Phân biệt biểu thị vô hiệu lực và đang xử lý

Xác nhận sự khác biệt giữa not-allowed, wait, progress bằng đối tượng thực tế

Ghi nhớ giá trị khi học CSS

Xem và ghi nhớ các loại giá trị có thể viết cho cursor và ý nghĩa của chúng cùng một lúc

Kiến thức cơ bản

Sự khác biệt giữa pointer và default

pointer là con trỏ hình ngón tay, được sử dụng để chỉ ra rằng các phần tử như liên kết hoặc nút có thể nhấp được. default là mũi tên tiêu chuẩn của môi trường và cơ bản được sử dụng trên văn bản hoặc nền không làm gì cả khi nhấp.

Hành vi của giá trị mặc định auto của cursor

Giá trị mặc định của thuộc tính cursor là auto, trong đó trình duyệt tự động chọn hình dạng con trỏ tùy theo vị trí, chẳng hạn như text ở trên các ký tự và default ở những nơi khác.

Nguyên nhân khi chỉ định cursor mà nó không thay đổi

Khi chỉ định cursor nhưng hình dạng con trỏ không thay đổi, thường là do một phần tử khác chồng lên phía trên hoặc thay đổi của một quy tắc khác bị ghi đè.

  • Phần tử chồng lên phía trên:Khi một phần tử trong suốt hoặc phần tử giả chồng lên phía trên, hình dạng con trỏ tuân theo chỉ định cursor của phần tử ở trên cùng.
  • Ghi đè bởi tính đặc thù:Khi nhiều quy tắc áp dụng cho cùng một phần tử, chỉ định cursor của quy tắc có tính đặc thù (độ mạnh của bộ chọn) cao hơn sẽ được ưu tiên.
  • Sự khác biệt tùy theo HĐH và trình duyệt:Hình ảnh con trỏ được cung cấp bởi HĐH hoặc trình duyệt, vì vậy cùng một giá trị có hình dạng khác nhau giữa Windows và macOS.

Bảo mật và Quyền riêng tư

Hoàn tất trong trình duyệt

Dữ liệu nhập vào chỉ được xử lý bên trong trình duyệt của bạn và không được gửi ra ngoài.

Xử lý chỉ trong trình duyệt

Hiển thị con trỏ và sao chép mã được thực hiện hoàn toàn trong trình duyệt của bạn, dữ liệu đầu vào không được gửi đến máy chủ.

Truyền thông được mã hóa bằng HTTPS

Tải trang cũng được mã hóa bằng TLS, nội dung không bị đọc bởi bên thứ ba.

Không gửi cho bên thứ ba

Nội dung đầu vào không được gửi đến các dịch vụ bên ngoài như mạng quảng cáo hoặc trình theo dõi.

Không lưu kết quả tự động

Mã đã sao chép và các gợi ý đầu vào không được lưu trữ trên máy chủ.

Theo dõi RAKKOTOOLS trên Tìm kiếm Google

189 công cụ tiện lợi sẽ dễ tìm hơn từ Tìm kiếm Google và tìm kiếm AI!

  • Tìm thấy trong kết quả tìm kiếm
  • Hiển thị trong tìm kiếm AI
  • Khám phá công cụ mới

Thông tin cập nhật

Công cụ liên quan