css button ที่แสดงอักษรกลางปุ่ม เมื่อแสดงในเว็บบอร์ด phpbb ใน safari

[Ittichai_chupol]

คงน่าจะมีผู้ที่พัฒนา phpbb แล้วจำเป็นที่จะต้องสร้าง css ขึ้นมาเพื่อสำหรับการใช้งานต่างๆ เช่น การทำ Extesnion ขึ้นมาใช้งานให้กับ phpbb นั้น โดยหนึ่งในปัญหาที่พบเจอคือการสร้างปุ่ม ขึ้นมาใช้ซึ่งในบางครั่งผลการพัฒนาที่ ส่วนใหญ่ผู้พัฒนา จะใช้ chrome หรือ firefox ส่วนใหญ่ ซึ่งผลที่ได้ก็คือออกมาดี แต่พอใช้กับ safari นั้นกับมีปัญหาอักษรไม่อยู่ตรงกลางปุ่มเหมือนกบที่พัฒนา chrome หรือ firefox ซึ้งวิธีการแก้ก็คือการนำ css button มาใส่ซึ่งบางครั้งก็ไม่สามารถแก้ไขได้

จากรูปตัวอย่างอักษรที่อยู่ในปุ่มจะชิดด้านขวาไปนิดหนึ่งนะครับ

index (1).png (14.73 KiB) Viewed 422 times

แต่ก็มี css ชุดหนึ่งที่ที่สามารถแก้ไขปัญหานี้ได้ก็คือ โดยมีตัวอย่างดังนี้

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

.button {
   width: auto !important;
    padding: 7px;
    font-size: 10px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    background: #006600;
    color:#fff;
    line-height: 1.5;

}

ผมลัพหลังจากปรับแก้ไข

[thatsawan]

ขอภาพ เเสดงผลก่อนเเละหลังด้วยค่ะ เพระาปกติ phpbb เเสดงอักษรในปุ่มอยู่ตรงกลางยุเเล้วค่ะ