text-align: tepat di <select> atau

Anda bisa mencoba menggunakan "dir" atribut, tapi aku'm tidak yakin bahwa akan menghasilkan efek yang diinginkan?

<select dir="rtl">
    Foo    
    bar
    to the right

Berikut CSS akan benar-align kedua panah dan pilihan:

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

Choose one: <select>
  The first option
  A second, fairly long option
  Last

Solusi terbaik bagi saya adalah untuk membuat

select {
    direction: rtl;
}

dan kemudian

option {
    direction: ltr;
}

lagi. Jadi tidak ada perubahan dalam tampilan teks baca di sebuah pembaca layar atau dan tidak ada format-masalah.

Saya pikir apa yang anda inginkan adalah:

select {
  direction: rtl;
}

bermain-main di sini: http://jsfiddle.net/neilheinrich/XS3yQ/

Saya menghadapi masalah yang sama di mana saya perlu untuk menyelaraskan dipilih nilai pengganti untuk hak pilih kotak & juga perlu untuk menyelaraskan pilihan yang tepat, tetapi ketika saya telah digunakan direction: rtl; untuk memilih & diterapkan beberapa padding kanan untuk pilih maka semua pilihan juga semakin bergeser ke kanan dengan padding karena saya hanya ingin menerapkan padding untuk dipilih placeholder.

Saya telah tetap masalah dengan mengikuti gaya:

select:first-child{
  text-indent: 24%;
  direction: rtl;
  padding-right: 7px;
}

select option{
  direction: rtl;
}

Anda dapat mengubah text-indent sesuai kebutuhan anda. Berharap ini akan membantu anda.