ລາຍການເຄີເຊີ CSS

ກວດເບິ່ງເຄີເຊີທັງ 36 ຊະນິດທີ່ສາມາດລະບຸໄດ້ດ້ວຍ cursor ຂອງ CSS ໂດຍເລື່ອນເມົ້າໃສ່ ແລະ ຄັດລອກໂຄ້ດ

ຂໍ້ມູນອັບເດດເພີ່ມລາຍການ CSS cursor, ກວດເບິ່ງແລະສຳເນົາທຸກຊະນິດຂອງ cursor ໂດຍການໂຮເວີເບິ່ງຂໍ້ມູນການອັບເດດ

ຈຸດເດັ່ນ

ສະແດງ cursor ທັງ 36 ຊະນິດ

ລວບລວມຄີເວີດມາດຕະຖານຂອງ CSS ໄວ້ໃນໜ້າດຽວ

ເບິ່ງຕົວຈິງທັນທີດ້ວຍການເລື່ອນເມົ້າ

ເມື່ອເລື່ອນເມົ້າໃສ່ ເຄີເຊີຈະປ່ຽນເປັນຮູບຮ່າງນັ້ນ

ຈັດລະບຽບເປັນ 6 ກຸ່ມຕາມການນຳໃຊ້

ມີຄຳອະທິບາຍສັ້ນໆ ເຮັດໃຫ້ຊອກຫາເຄີເຊີທີ່ຕ້ອງການໄດ້ງ່າຍ

ຄັດລອກ CSS ດ້ວຍການຄລິກດຽວ

ສາມາດວາງໃຊ້ໄດ້ທັນທີໃນຮູບແບບ "cursor: pointer;"

ວິທີໃຊ້

ຊອກຫາຈາກກຸ່ມ

ຊອກຫາທາງເລືອກຈາກຫົວຂໍ້ຕາມການນຳໃຊ້ເຊັ່ນ "ທົ່ວໄປ" "ລາກ & ວາງ"

ເລື່ອນເມົ້າໃສ່ເພື່ອກວດເບິ່ງ

ເລື່ອນເຄີເຊີໃສ່ກອບ "ເລື່ອນເມົ້າໃສ່ບ່ອນນີ້" ເພື່ອກວດເບິ່ງຮູບຮ່າງ

ຄັດລອກແລະວາງ

ຮັບ CSS ດ້ວຍປຸ່ມ "ຄັດລອກ" ແລ້ວວາງໃສ່ stylesheet ຂອງທ່ານ

ການນຳໃຊ້

ກວດເບິ່ງເຄີເຊີຂອງປຸ່ມແລະລິ້ງ

ກວດເບິ່ງຮູບຮ່າງຂອງ pointer ທີ່ໃຊ້ກັບອົງປະກອບທີ່ສາມາດຄລິກໄດ້

ເລືອກເຄີເຊີສຳລັບ UI ການລາກ

ປຽບທຽບ grab, move, copy ເພື່ອເລືອກຮູບຮ່າງທີ່ເໝາະກັບການຈັດລຽງຫຼືການຍ້າຍ

ການແຍກໃຊ້ການສະແດງສະຖານະໃຊ້ບໍ່ໄດ້ ແລະ ກຳລັງປະມວນຜົນ

ກວດເບິ່ງຄວາມແຕກຕ່າງຂອງ not-allowed, wait, progress ຕົວຈິງເພື່ອແຍກໃຊ້

ການຈື່ຄ່າຕ່າງໆໃນການຮຽນ CSS

ເບິ່ງຊະນິດແລະຄວາມໝາຍຂອງຄ່າທີ່ຂຽນໃສ່ cursor ໄດ້ພ້ອມກັນໃນເທື່ອດຽວ

ຄວາມຮູ້ພື້ນຖານ

ຄວາມແຕກຕ່າງລະຫວ່າງ pointer ແລະ default

pointer ແມ່ນເຄີເຊີຮູບນິ້ວມື ໃຊ້ເພື່ອສະແດງວ່າເປັນອົງປະກອບທີ່ສາມາດຄລິກໄດ້ເຊັ່ນ ລິ້ງ ຫຼື ປຸ່ມ. default ແມ່ນລູກສອນມາດຕະຖານຂອງລະບົບ ໂດຍປົກກະຕິໃຊ້ກັບຂໍ້ຄວາມຫຼືພື້ນຫຼັງທີ່ຄລິກແລ້ວບໍ່ມີຫຍັງເກີດຂຶ້ນ.

ການເຮັດວຽກຂອງຄ່າເລີ່ມຕົ້ນ auto ຂອງ cursor

ຄ່າເລີ່ມຕົ້ນຂອງຄຸນສົມບັດ cursor ແມ່ນ auto, ບຣາວເຊີຈະເລືອກຮູບຮ່າງຂອງເຄີເຊີອັດຕະໂນມັດຕາມຕຳແໜ່ງ ເຊັ່ນ: text ເມື່ອຢູ່ເທິງຂໍ້ຄວາມ ແລະ default ສຳລັບບ່ອນອື່ນ.

ສາເຫດທີ່ຮູບຮ່າງບໍ່ປ່ຽນເຖິງວ່າຈະລະບຸ cursor

ເມື່ອລະບຸ cursor ແລ້ວແຕ່ຮູບຮ່າງເຄີເຊີບໍ່ປ່ຽນ ສ່ວນຫຼາຍແມ່ນເນື່ອງຈາກມີອົງປະກອບອື່ນຊ້ອນທັບຢູ່ດ້ານເທິງ ຫຼື ຖືກທັບຂຽນໂດຍກົດລະບຽບອື່ນ.

ອົງປະກອບທີ່ຊ້ອນທັບຢູ່ດ້ານເທິງ：ຖ້າມີອົງປະກອບທີ່ບໍ່ສະແດງຜົນ ຫຼື pseudo-element ຊ້ອນທັບຢູ່ດ້ານເທິງ ຮູບຮ່າງຂອງເຄີເຊີຈະສະແດງຕາມການລະບຸ cursor ຂອງອົງປະກອບທີ່ຢູ່ເທິງສຸດ.
ການທັບຂຽນຕາມລະດັບຄວາມສຳຄັນ：ຖ້າມີຫຼາຍກົດລະບຽບນຳໃຊ້ກັບອົງປະກອບດຽວກັນ ການລະບຸ cursor ຂອງກົດລະບຽບທີ່ມີລະດັບຄວາມສຳຄັນ (ຄວາມແຂງແຮງຂອງ selector) ສູງກວ່າຈະຖືກນຳໃຊ້ກ່ອນ.
ຄວາມແຕກຕ່າງຕາມ OS ຫຼືບຣາວເຊີ：ຮູບແບບຂອງເຄີເຊີແມ່ນໃຊ້ຕາມທີ່ OS ຫຼືບຣາວເຊີກຽມໄວ້ ດັ່ງນັ້ນເຖິງຄ່າຈະຄືກັນແຕ່ຮູບຮ່າງອາດແຕກຕ່າງກັນລະຫວ່າງ Windows ແລະ macOS.