ตอนนี้ปุ่มมี 2 ปุ่ม โดยมี code ดังข้างล่างนี้
<input type="button" class="quantity-controls quantity-plus">
<input type="button" class="quantity-controls quantity-minus">
ปุ่มทั้ง 2 ปุ่มนี้ขณะนี้มี CSS คือ
span.quantity-controls input.quantity-plus{background:url(../images/vmgeneral/plus_sign.png) no-repeat; margin-bottom:2px;}
span.quantity-controls input.quantity-minus{background:url(../images/vmgeneral/minus_sign.png) no-repeat; margin-top:-1px;}
( ปุ่มทั้ง 2 ปุ่มนี้แสดงออกมาเป็นรูปเครื่องหมาย + และ - )
ทีนี้เราอยากเปลี่ยนรูปให้แก่ปุ่มทั้ง 2 นี้ เมื่อมีการ hover บนปุ่ม
เราไม่รู้ว่าเราต้องเขียน CSS อย่างไรดี
ใครรู้จะขอบพระคุณยิ่งจ้า
คำถามเขียนโปรแกรม เรื่อง CSS คืออยากเปลี่ยนรูปปุ่มตอน hover ต้องเขียน CSS อย่างไร
<input type="button" class="quantity-controls quantity-plus">
<input type="button" class="quantity-controls quantity-minus">
ปุ่มทั้ง 2 ปุ่มนี้ขณะนี้มี CSS คือ
span.quantity-controls input.quantity-plus{background:url(../images/vmgeneral/plus_sign.png) no-repeat; margin-bottom:2px;}
span.quantity-controls input.quantity-minus{background:url(../images/vmgeneral/minus_sign.png) no-repeat; margin-top:-1px;}
( ปุ่มทั้ง 2 ปุ่มนี้แสดงออกมาเป็นรูปเครื่องหมาย + และ - )
ทีนี้เราอยากเปลี่ยนรูปให้แก่ปุ่มทั้ง 2 นี้ เมื่อมีการ hover บนปุ่ม
เราไม่รู้ว่าเราต้องเขียน CSS อย่างไรดี
ใครรู้จะขอบพระคุณยิ่งจ้า