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
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>
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.
Pengguna boleh mengikuti sintaks di bawah dan menggunakan css untuk menetapkan penuding kursor kepada pautan tanpa atribut href.
<style>
.pointer {
cursor: pointer;
}
</style>Dalam sintaks di atas, "penunjuk" ialah kelas yang diberikan kepada elemen , dan kami menukar gaya penuding elemen yang mengandungi kelas "penunjuk".
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