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

ตอบกระทู้

รูปแสดงอารมณ์
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
รูปแสดงอารมณ์อื่นๆ

BBCode เปิด
[img] เปิด
[url] เปิด
[Smile icon] เปิด

กระทู้แนะนำ
   

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

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

โดย Patipat » 03/08/2019 2:32 pm

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

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

โดย mindphp » 03/08/2019 12:57 pm

ใช้เครื่องมือ Inspector ของ Firefox หรือ Google Chrome
ดูว่า (Selector) ตำแหน่งที่กำลังดู css ส่วนไหน ทำงานอยู่

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

โดย Patipat » 03/08/2019 12:34 pm

ผมได้ทำปุ่ม 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 810 times
พอผมเอา class="btn btn-primary" ออก ก็จะขึ้นรูปนี้ครับ
Selection_999(571).png
Selection_999(571).png (46.48 KiB) Viewed 810 times
อันนี้โค้ดปุ่ม Add ลงตระกร้าสินค้าครับ

โค้ด: เลือกทั้งหมด

<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>
ส่วนอันนี้ปุ่ม ลบ ข้อมูลในสินค้าที่ชอบได้ครับ

โค้ด: เลือกทั้งหมด

<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>

ข้างบน