สร้าง HTML dropdown (select option) ข้อความอยู่ด้านขวาโดย CSS

การกำหนดข้อความอยู่ด้านขวาใน Design Layout ของโปรแกรมต่างคงไม่ใช่เรื่องยาก แต่ถ้าเป็น HTML แล้วก็ไม่ใช่เรื่องง่ายซักเท่าไหร่ หรือว่าผมไม่เคยทำก็ไม่รู้คิดง่าย ๆ ก็แค่ใช้

select { text-align: right; }

แต่มันใช้ไม่ได้ผลนะสิครับขอความยังอยู่ที่เดิม และไงต่อละ google สิครับ ผลที่ได้คือ

select { direction: rtl; }

ผลที่ได้ขอความอยู่ทางขวามจริง แต่ ข้อความเรียงย้อน และ ลูกศรอยู่ด้านความ งานเข้าแล้วสิ google ไปอีก 3 ชม. แล้วก็ได้คำตอบว่า

select { text-align-last: right; } 
option { direction: rtl; }

onetwo

ข้อความอยู่ขวา และลูกศรอยู่ความตามต้องการ text-align-last ไม่เคยใช้จริง ๆ ได้เรียนรู้ของใหม่อีกแล้ว และขอบคุณ StackOverFlow อีกแล้วครับท่าน


มาจาก https://stackoverflow.com/questions/7920677/text-align-right-on-select-or-option