CSS Cursor List
Tingnan ang lahat ng 36 uri ng CSS cursor sa hover at kopyahin ang code
Mga Katangian
Ipinapakita ang lahat ng 36 uri ng cursor
Nagsasama ng CSS standard keywords sa isang pahina
Tingnan ang aktwal na anyo sa hover
Ang cursor ay nagbabago sa hugis kapag inilagay ang mouse
Inayos sa 6 grupo ayon sa layunin
Madaling mahanap ang gusto mong cursor sa pag-add ng maikling paliwanag
Kopyahin ang CSS sa isang click
Maaari itong i-paste nang direkta sa anyo ng "cursor: pointer;"
Paano Gamitin
Maghanap mula sa grupo
Maghanap ng mga candidate mula sa mga heading ayon sa layunin tulad ng "General" at "Drag & Drop"
Ilagay ang mouse at suriin
Ilagay ang cursor sa "Ilagay ang mouse dito" box upang masuri ang hugis
Kopyahin at i-paste
Kunin ang CSS gamit ang "Copy" button at i-paste sa iyong style sheet
Mga Gumagamit
Pagsuri sa cursor ng button at link
Suriin ang hitsura ng pointer na idaragdag sa clickable elements
Pagpili ng cursor para sa drag operation UI
Ihambing ang grab, move, at copy upang piliin ang hugis na akma sa rearrangement at movement operations
Pagkakaiba-iba ng expression ng walang lasa at proseso
Suriin at gamitin nang maayos ang pagkakaiba ng not-allowed, wait, at progress sa aktwal na paraan
Pagsasaulo ng halaga sa CSS learning
Matuto nang mabilis sa pamamagitan ng pagtingin sa lahat ng uri at kahulugan ng mga value na maaaring isulat sa cursor
Pangunahing Kaalaman
Pagkakaiba ng pointer at default
Ang pointer ay isang cursor na may hugis ng daliri, at ginagamit upang ipakita na ang element ay clickable tulad ng link o button. Ang default ay arrow cursor ng standard ng kapaligiran, at ginagamit sa ibabaw ng text o background kung saan walang nangyayari kahit i-click.
Ang pag-uugali ng cursor initial value auto
Ang initial value ng cursor property ay auto, at ang browser ay awtomatikong pumipili ng hugis ng cursor depende sa lokasyon, tulad ng text sa ibabaw ng text at default sa iba pang lugar.
Dahilan kung bakit hindi nagbabago ang cursor kahit na itakda
Kung hindi nagbabago ang cursor kahit na itakda ang cursor, kadalasan ang iba pang elemento ay nakalagay sa ibabaw o ang itakda ay naibagsak ng ibang panuntunan.
- Elemento na nakalagay sa ibabaw：Kung ang transparent element o pseudo element ay nakalagay sa ibabaw, ang hugis ng cursor ay susunod sa cursor specification ng topmost element.
- Pag-overwrite ng specificity：Kung maraming rule ang umabot sa parehong elemento, ang cursor specification ng rule na may mas mataas na specificity ay magiging priority.
- Pagkakaiba ayon sa OS at browser：Ang hugis ng cursor ay gumagamit ng binigay ng OS o browser, kaya kahit pareho ang value, magkaiba ang hugis sa Windows at macOS.
Kaligtasan at Privacy
Tapos sa browser
Ang inilagay na data ay pinoproseso lamang sa loob ng iyong browser at hindi ipinapadala sa labas.
Proseso lamang sa loob ng browser
Pagpapakita ng cursor at pag-copy ng code ay ginagawa nang lubusan sa loob ng iyong browser, at ang mga input data ay hindi ipinapadala sa server.
Ang komunikasyon ay naka-encrypt gamit ang HTTPS
Ang pagkarga ng pahina ay naka-encrypt din ng TLS, at ang nilalaman ay hindi mababasa ng third party.
Walang pagpapadala sa third party
Ang mga input content ay hindi ipinapadala sa mga external na serbisyo tulad ng advertising network o tracker.
Walang awtomatikong pagpapanatili ng resulta
Kopyado na code at input suggestion ay hindi iniimbak sa server.
Sundan ang RAKKOTOOLS sa Google Search
189 kapaki-pakinabang na tool na mas madaling mahanap mula sa Google Search at AI Search!
- Makikita sa paghahanap
- Lalabas rin sa AI Search
- Tuklasin ang mga bagong tool
Impormasyon ng update
- update #318
Idagdag ang CSS cursor list, suriin ang lahat ng uri ng cursor sa hover at kopyahin