简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > tutorial js > teks badan

Bagaimana untuk menetapkan gaya kursor ke penunjuk pautan tanpa href?

王林
Lepaskan： 2023-08-24 12:13:02
ke hadapan
577 orang telah melayarinya

如何将光标样式设置为没有 href 的链接的指针？

Kita boleh menggunakan teg dalam HTML untuk menambah pautan ke halaman web. Gaya kursor lalai untuk elemen ialah penunjuk, tetapi mengalih keluar atribut href daripada teg mengubah gaya kursor.

Jadi, dalam tutorial ini, kita akan belajar untuk mengekalkan gaya kursor sebagai penunjuk bertanda tanpa atribut href.

Pengguna boleh mengikuti contoh di bawah untuk melihat gaya kursor lalai elemen

Contoh

Dalam contoh di bawah, kami menggunakan teg untuk membuat tiga pautan berbeza.

Dalam output, kita boleh perhatikan bahawa apabila kita mengarahkan tetikus pada pautan pertama, kursor menjadi penunjuk kerana ia mengandungi atribut href untuk pautan kedua, kursor juga menjadi penunjuk kerana ia Juga mengandungi atribut href dengan nilai rentetan kosong dan apabila kita menuding pada pautan ketiga, gaya kursor berubah kerana ia tidak mengandungi atribut href. 

<html>
<body>
   <h2>Cursor pointer on the anchor texts</h2>
   <a href = "https://www.tutorialspoint.com/index.htm"> tutorialspoint</a>
   <br> <br>
   <a href = ""> Cursor pointer </a>
   <br> <br>
   <a> No cursor pointer </a>
</body>
</html>
Salin selepas log masuk

Kini pengguna memahami cara gaya kursor berubah apabila kami mengalih keluar atribut href daripada teg .

Di bawah, kita akan melihat contoh menetapkan penuding kursor untuk pautan tanpa atribut href.

Tatabahasa

Pengguna boleh mengikuti sintaks di bawah dan menggunakan css untuk menetapkan penuding kursor kepada pautan tanpa atribut href. 

<style>
  .pointer {
     cursor: pointer;
   }
</style>
Salin selepas log masuk

Dalam sintaks di atas, "penunjuk" ialah kelas yang diberikan kepada elemen , dan kami menukar gaya penuding elemen yang mengandungi kelas "penunjuk".

Contoh

Dalam contoh di bawah, kami mencipta dua elemen berbeza dan menetapkan kelas "penunjuk" kepada kedua-dua elemen. Dalam bahagian , kami menambah gaya sebaris untuk halaman web. Kami mengakses kelas "penunjuk" dalam teg