Apakah ada yang tahu jika itu's mungkin untuk menyelaraskan teks ke kanan dari a <select>
atau lebih khusus <option>
elemen dalam WebKit. Ini tidak perlu menjadi solusi lintas-browser termasuk IE, tapi harus murni CSS jika itu mungkin.
Saya telah mencoba kedua:
pilih { text-align: right }
dan pilihan { text-align: right }
, tetapi tidak tampaknya telah bekerja di WebKit (Chrome, Safari atau Safari Mobile.
Bantuan diterima dengan syukur!
Anda bisa mencoba menggunakan "dir" atribut, tapi aku'm tidak yakin bahwa akan menghasilkan efek yang diinginkan?
<select dir="rtl">
<option>Foo</option>
<option>bar</option>
<option>to the right</option>
</select>
Demo di sini:
Berikut CSS akan benar-align kedua panah dan pilihan:
select { text-align-last: right; }
option { direction: rtl; }
<!-- example usage -->
Choose one: <select>
<option>The first option</option>
<option>A second, fairly long option</option>
<option>Last</option>
</select>
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 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.