CSS kursora saraksts

Pārbaudiet visus 36 CSS cursor veidus, pārvietojot peli, un kopējiet kodu

Iezīmes

Visi 36 cursor veidi vienā sarakstā

CSS standarta atslēgvārdi savākti vienā lapā

Pārbaudiet faktisko formu, pārvietojot peli

Kursoris mainās uz norādīto formu, kad pārvietojat peli

Organizēti 6 grupu kategorijās pēc nolūka

Ir viegles atrast nepieciešamo kursoru ar īsu aprakstu

Kopējiet CSS vienā klikšķī

Kopēts formātā "cursor: pointer;" un gatavs ievietošanai

Kā lietot

1

Meklēt pēc grupas

Meklēt kandidātus, izmantojot kategorijas virsrakstus pēc nolūka, piemēram, "Vispārīgi" vai "Vilkšana un nomešana"

2

Pārvietojiet peli un pārbaudiet

Pārvietojiet kursori virs "Pārvietojiet peli šeit" rāmja, lai pārbaudītu formu

3

Kopējiet un ievietojiet

Nospiediet "Kopēt" pogu, lai iegūtu CSS, un ievietojiet savā stila lapā

CSS kursora saraksts

Lietošanas gadījumi

Poga un saites kursora pārbaude

Pārbaudiet pointer izskatījumu, ko pievieno noklikšķējamiem elementiem

Vilkšanas UI kursora izvēle

Salīdziniet grab, move un copy, lai izvēlētos piemērotu formu pārkārtošanai vai pārvietošanai

Atspējotu un apstrādes stāvokļa izpausme

Salīdziniet not-allowed, wait un progress, lai saprastu atšķirības un tās pareizi lietotu

CSS mācības vērtību iegaumēšana

Apskatiet visus cursor vērtības veidus un to nozīmi vienlaikus, lai iegaumētu

Pamatinformācija

Pointer un default atšķirība

Pointer ir pirksta formas kursoris, ko izmanto, lai parādītu, ka elements ir noklikšķējams (piemēram, saite vai poga). Default ir vides standarta bultu kursoris, ko parasti izmanto uz teksta vai fona, kur noklikšķēšana neveic darbību.

Cursor sākotnējās vērtības auto uzvedība

Cursor īpašumā sākotnējā vērtība ir auto. Pārlūks automātiski izvēlas kursora formu atkarībā no vietas: text virs teksta un default citur.

Iemesli, kāpēc cursor izmaiņas neredzamas

Ja cursor izmaiņas nav redzamas, parasti tas nozīmē, ka cits elements ir novietots virs tā vai cits CSS noteikums ir ignorējis jūsu norādījumus.

  • Virs novietots elements:Ja caurspīdīgs elements vai pseidoblikls ir novietots virs jūsu elementa, kursoris rādīs to, kas norādīts virs esošajam elementam.
  • Pārrakstīšana ar specifiskumu:Ja vairāki CSS noteikumi attiecas uz vienu elementu, augstāka specifiskuma noteikums tiek pielietots.
  • Atšķirības starp OS un pārlūku:Kursora dizains nāk no OS vai pārlūka nodrošinātajiem ikoniem, tāpēc tas var izskatīties atšķirīgi operētājsistēmā Windows un macOS.

Drošība un privātums

Apstrāde pārlūkprogrammā

Ievadītie dati tiek apstrādāti tikai jūsu pārlūkprogrammā un netiek nosūtīti ārpusē.

Apstrāde tikai pārlūkprogrammā

Kursora displeja un koda kopēšana tiek veikta pilnībā jūsu pārlūkprogrammā, un ievades dati netiek sūtīti uz serveri.

Komunikācija šifrēta ar HTTPS

Lapas ielāde tiek šifrēta ar TLS un tās saturs nav lasāms trešajām personām.

Nav sūtīšanas trešajām personām

Ievades saturs netiek sūtīts uz ārējiem pakalpojumiem, piemēram, reklāmu tīkliem vai izsekotājiem.

Nav automātiskas rezultātu saglabāšanas

Kopētais kods un ievades ieteikumi netiek glabāti serverī.

Sekojiet RAKKOTOOLS vietnē Google meklēšanā

189 ērtas rīka tiks vieglāk atrodamas Google meklēšanā un AI meklēšanā!

  • Atrast meklēšanā
  • Tiek parādīts arī AI meklēšanā
  • Atklāt jaunus rīkus

Jaunumi

Saistītie rīki