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
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.
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
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

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
- update #318
Thêm danh sách con trỏ CSS, kiểm tra tất cả các loại cursor khi di chuột và sao chép
