บางครั้งคุณถูกบังคับให้เขียน inline CSS เช่น ในเทมเพลตอีเมล HTML ขึ้นอยู่กับผู้ให้บริการอีเมล/จดหมายข่าวของคุณ
แต่คุณจะรับเอฟเฟกต์โฮเวอร์ด้วย CSS แบบอินไลน์ได้อย่างไร
คุณทำไม่ได้ แต่คุณสามารถสร้างเอฟเฟกต์โฮเวอร์แบบเดียวกันได้โดยใช้ onMouseOver . ของ JavaScript และ onMouseOut วิธีการ
สมมติว่าคุณต้องการเปลี่ยนสีของไฮเปอร์ลิงก์เมื่อวางเมาส์เหนือ (หรือวางเมาส์โอเวอร์) จากสีน้ำเงินเป็นสีแดง:
<a href="#your-url-path"
onMouseOver="this.style.color='red'"
onMouseOut="this.style.color='green'" >Click here to Subscribe</a>ผลลัพธ์:
คลิกที่นี่เพื่อสมัครสมาชิก
โดยทั่วไปแล้ว CSS แบบอินไลน์นั้นไม่เหมาะ แต่บางครั้งคุณก็ถูกบังคับให้ใช้โค้ดที่น้อยกว่าอุดมคติเพื่อทำสิ่งต่างๆ ให้เสร็จ
