Page 1 of 1

ทำไมใส่ class="btn btn-primary" ใน <span> ไม่ได้ครับแต่อีกปุ่มนึงใส่ได้

Posted: 03/08/2019 12:34 pm
by Patipat
ผมได้ทำปุ่ม Addproducts ลงตระกร้าสินค้า แต่ว่าปุ่ม Addproducts ไม่ขึ้น icon ให้ครับ
* แต่ปุ่ม Delete สินค้า สามารถขึ้นใช้งานได้ครับ
* ไม่ทราบว่าเป็นเพราะ อะไรครับ ปุ่ม Addproducts ถึงไม่ขึ้นให้ครับ แต่ถ้าใช้เป็น icon ธรรมดา จะขึ้น Icon ให้ครับ
** จุดประสงค์คือ อยากให้ปุ่ม Addproduct ใส่เป็นแบบปุ่ม Btn ครับ

พอผมใส่ class="btn btn-primary"
จะได้ภาพนี้ครับปุ่มไม่ขึ้น
Selection_999(570).png
Selection_999(570).png (37.7 KiB) Viewed 143 times


พอผมเอา class="btn btn-primary" ออก ก็จะขึ้นรูปนี้ครับ
Selection_999(571).png
Selection_999(571).png (46.48 KiB) Viewed 143 times


อันนี้โค้ดปุ่ม Add ลงตระกร้าสินค้าครับ

Code: Select all

<a class="button-img" href = "<?php print $prod['remove_to_cart'] ?>" onclick="document.updateCart.submit(<?php print _MZC_REMOVE_TO_CART; ?>);">
      <center>  
            <span style="font-size: 15px" class="btn btn-primary">
                <i class="fa fa-shopping-cart" aria-hidden="true"></i>
            </span>
      </center>
 </a>


ส่วนอันนี้ปุ่ม ลบ ข้อมูลในสินค้าที่ชอบได้ครับ

Code: Select all

<a class="button-img" href="<?php print $prod['href_delete']?>" onclick="return confirm('<?php print _MZC_CONFIRM_REMOVE?>')">
         <center>  
              <span style="font-size: 15px" class="btn btn-primary">
                    <i class="fa fa-trash-o" aria-hidden="true"></i>
              </span>
         </center>
</a>

Re: ทำไมใส่ class="btn btn-primary" ใน <span> ไม่ได้ครับแต่อีกปุ่มนึงใส่ได้

Posted: 03/08/2019 12:57 pm
by mindphp
ใช้เครื่องมือ Inspector ของ Firefox หรือ Google Chrome
ดูว่า (Selector) ตำแหน่งที่กำลังดู css ส่วนไหน ทำงานอยู่

Re: ทำไมใส่ class="btn btn-primary" ใน <span> ไม่ได้ครับแต่อีกปุ่มนึงใส่ได้

Posted: 03/08/2019 2:32 pm
by Patipat
ได้แล้วครับ ตอนแรก btn ของ ปุ่ม remove_to_cart เป้น display none ทำให้ไม่เห็นปุ่ม
เราเปลี่ยนไปใส่ display:-webkit-inline-box; ก็ใช้ได้แล้วครับ
Selection_999(575).png
Selection_999(575).png (85.51 KiB) Viewed 139 times