Κατάλογος CSS Cursor
Δείτε όλους τους 36 τύπους cursor που μπορείτε να καθορίσετε με CSS cursor με hover και αντιγράψτε τον κώδικα
Χαρακτηριστικά
Εμφάνιση όλων των 36 τύπων cursor
Τα πρότυπα λέξεις-κλειδιά CSS συγκεντρώνονται σε μία σελίδα
Επαλήθευση του πραγματικού σχήματος με hover
Όταν τοποθετείτε το ποντίκι, το cursor αλλάζει σχήμα
Οργάνωση σε 6 ομάδες ανά χρήση
Με σύντομη περιγραφή, είναι εύκολο να βρείτε το cursor που θέλετε
Αντιγραφή CSS με ένα κλικ
Αντιγράφεται με τη μορφή «cursor: pointer;» και είναι έτοιμο να επικολληθεί
Πώς να χρησιμοποιήσετε
Αναζήτηση από την ομάδα
Αναζητήστε υποψήφιους από τις επικεφαλίδες ανά χρήση όπως «Γενικά» και «Drag & Drop»
Τοποθέτηση του ποντικιού για επαλήθευση
Τοποθετήστε το cursor πάνω στο πλαίσιο «Τοποθετήστε εδώ το ποντίκι» και επαληθεύστε το σχήμα
Αντιγραφή και επικόλληση
Αντιγράψτε τον κώδικα CSS με το κουμπί «Αντιγραφή» και επικολλήστε το στο δικό σας φύλλο στυλ

Περιπτώσεις χρήσης
Επαλήθευση cursor κουμπιών και συνδέσμων
Δείτε τη μορφή του pointer που προστίθεται σε στοιχεία που μπορείτε να κάνετε κλικ
Επιλογή cursor για διεπαφές drag and drop
Συγκρίνετε grab, move και copy για να επιλέξετε τη μορφή που ταιριάζει στη διαδοχή ή την κίνηση
Διάκριση μεταξύ απενεργοποίησης και εκτέλεσης
Ελέγξτε τη διαφορά μεταξύ not-allowed, wait και progress και χρησιμοποιήστε τα κατάλληλα
Αποστήθιση τιμών κατά τη μάθηση CSS
Δείτε όλες τις τιμές και την έννοια που μπορούν να γραφτούν στο cursor και μάθετε τα
Βασικές γνώσεις
Διαφορά μεταξύ pointer και default
Το pointer είναι ένα cursor σε σχήμα δακτύλου που χρησιμοποιείται για να δείξει ότι ένα στοιχείο όπως ένας σύνδεσμος ή κουμπί μπορεί να γίνει κλικ. Το default είναι το πρότυπο cursor βέλους του περιβάλλοντος και χρησιμοποιείται στο κείμενο ή στο φόντο όπου δεν συμβαίνει κίνηση.
Συμπεριφορά της αρχικής τιμής auto του cursor
Η αρχική τιμή της ιδιότητας cursor είναι auto, και το πρόγραμμα περιήγησης επιλέγει αυτόματα το σχήμα του cursor ανάλογα με τη θέση, όπως text πάνω από το κείμενο και default αλλού.
Αιτία του ότι δεν αλλάζει το cursor ακόμα και αν καθοριστεί
Όταν το cursor δεν αλλάζει σχήμα ακόμα και αν καθοριστεί, συνήθως είναι επειδή ένα άλλο στοιχείο βρίσκεται πάνω από αυτό ή μια άλλη κανόνα καταργεί τον καθορισμό.
- Στοιχείο που επικαλύπτει:Όταν ένα διαφανές στοιχείο ή ψευδο-στοιχείο επικαλύπτει, το σχήμα του cursor ακολουθεί τον καθορισμό cursor του στοιχείου που βρίσκεται στην κορυφή.
- Κατάργηση λόγω ειδικότητας:Όταν πολλοί κανόνες εφαρμόζονται στο ίδιο στοιχείο, ο καθορισμός cursor του κανόνα με την υψηλότερη ειδικότητα (δύναμη επιλογέα) έχει προτεραιότητα.
- Διαφορές ανάλογα με το ΛΣ και το πρόγραμμα περιήγησης:Το σχήμα του cursor που χρησιμοποιείται παρέχεται από το ΛΣ ή το πρόγραμμα περιήγησης, επομένως η ίδια τιμή έχει διαφορετικό σχήμα σε Windows και macOS.
Ασφάλεια και ιδιωτικότητα
Επεξεργασία στο πρόγραμμα περιήγησης
Τα δεδομένα που εισάγετε επεξεργάζονται μόνο μέσα στο πρόγραμμα περιήγησής σας και δεν αποστέλλονται προς τα έξω.
Επεξεργασία μόνο στο πρόγραμμα περιήγησης
Το Εμφάνιση cursor και αντιγραφή κώδικα εκτελείται ολοκληρωτικά στο πρόγραμμα περιήγησής σας και τα δεδομένα εισόδου δεν αποστέλλονται σε κανέναν διακομιστή.
Η επικοινωνία είναι κρυπτογραφημένη μέσω HTTPS
Η φόρτωση της σελίδας είναι επίσης κρυπτογραφημένη με TLS και το περιεχόμενο δεν μπορεί να διαβαστεί από τρίτους.
Καμία αποστολή σε τρίτους
Τα δεδομένα εισόδου δεν αποστέλλονται σε εξωτερικές υπηρεσίες όπως δίκτυα διαφημίσεων ή ιχνηλάτες.
Χωρίς αυτόματη αποθήκευση αποτελεσμάτων
Το Κώδικας που αντιγράφηκε και οι υποδείξεις εισόδου δεν αποθηκεύονται στον διακομιστή.
Ακολουθήστε το RAKKOTOOLS στην Αναζήτηση Google
189 χρήσιμα εργαλεία γίνονται πιο εύκολο να βρεθούν στην Αναζήτηση Google και τις αναζητήσεις AI!
- Εμφανίζεται στην αναζήτηση
- Εμφανίζεται και στην αναζήτηση AI
- Ανακαλύψτε νέα εργαλεία
Πληροφορίες ενημερώσεων
- update #318
Προσθήκη λίστας δεικτών CSS, ελέγχετε όλα τα είδη του cursor με hover και αντιγράψτε
