Làm cách nào để đặt kiểu con trỏ thành con trỏ cho các liên kết không có href?
Cải thiện bài viết
Lưu bài viết
Thích bài viết
- Cập nhật lần cuối. 25 tháng 9 năm 2019
Cải thiện bài viết
Lưu bài viết
Phương pháp 1. Sử dụng một lớp CSS cho các liên kết
Một lớp CSS được tạo để thay đổi thuộc tính con trỏ. Thuộc tính con trỏ được sử dụng để chỉ định con trỏ chuột sẽ được hiển thị khi con chuột được trỏ qua một phần tử. Sử dụng giá trị 'con trỏ' trong thuộc tính này sẽ thay đổi con trỏ thành 'con trỏ' biểu thị một liên kết.
Sau đó, lớp này có thể được sử dụng trên bất kỳ liên kết nào không có bất kỳ thuộc tính href nào để hiển thị con trỏ
cú pháp
.pointer-link {
cursor: pointer;
}
Thí dụ
________số 8
2
2
cursor: pointer;4.pointer-link {
cursor: pointer;6cursor: pointer;
cursor: pointer;4}
2}1cursor: pointer;2>
}1 0>
________số 8
2______53 cursor: pointer;256>
69
}13>
2____5____56____57
60____65>
html2
2______5html7 >75>9 0html7>
}1}9>
________số 8
}1html>
đầu ra
Phương pháp 2. Sử dụng sự kiện onmouseover cho mỗi liên kết để thay đổi kiểu
Sự kiện onmouseover được kích hoạt bất cứ khi nào con trỏ chuột được di chuyển qua một phần tử hoặc phần tử con của nó. Thuộc tính kiểu của phần tử được truy cập và thuộc tính con trỏ được thay đổi.
Thuộc tính con trỏ được sử dụng để chỉ định con trỏ chuột sẽ được hiển thị khi nó được trỏ qua một phần tử. Sử dụng giá trị 'con trỏ' trong thuộc tính này sẽ thay đổi con trỏ thành con trỏ biểu thị liên kết.
Sự kiện này có thể được sử dụng trên bất kỳ liên kết nào không có bất kỳ thuộc tính href nào để hiển thị con trỏ
cú pháp
________số 8
2______53 cursor: pointer;256>
69
}13>
2____5____56 5
6 7____56____7
html2
2____5html5____66html7 45
6>0____65>
html2
2_______5html7 54____45 56 0html7>
}1}9>
________số 8
}1html>
đầu ra
Ghi chú cá nhân của tôi arrow_drop_up
Tiết kiệm