12
วิธีการเปลี่ยนรูปปุ่มอินพุตโดยใช้ CSS
ดังนั้นฉันสามารถสร้างปุ่มอินพุตพร้อมภาพโดยใช้ <INPUT type="image" src="/images/Btn.PNG" value=""> แต่ฉันไม่สามารถรับพฤติกรรมเดียวกันโดยใช้ CSS ตัวอย่างเช่นฉันได้ลอง <INPUT type="image" class="myButton" value=""> โดยที่ "myButton" ถูกกำหนดในไฟล์ CSS เป็น .myButton { background:url(/images/Btn.PNG) no-repeat; cursor:pointer; width: 200px; height: 100px; border: none; } ถ้านั่นคือทั้งหมดที่ฉันต้องการฉันสามารถใช้รูปแบบดั้งเดิมได้ แต่ฉันต้องการเปลี่ยนลักษณะที่ปรากฏของปุ่มบนโฮเวอร์ (โดยใช้myButton:hoverคลาส) ฉันรู้ว่าลิงก์นั้นดีเพราะฉันสามารถโหลดภาพพื้นหลังสำหรับส่วนอื่น ๆ ของหน้าเว็บ (เช่นเดียวกับการตรวจสอบ) ฉันพบตัวอย่างบนเว็บของวิธีการใช้ JavaScript แต่ฉันกำลังมองหาโซลูชัน CSS ฉันใช้ Firefox 3.0.3 ถ้านั่นสร้างความแตกต่าง