вирівнювання тексту: праворуч на <select> або <option>

Хто-небудь знає, чи можливо вирівняти текст праворуч від <select>конкретного <option>елемента в WebKit . Це не повинно бути крос-браузерним рішенням, включаючи IE, але має бути чистим CSS, якщо це можливо.

Я спробував обидва:

select { text-align: right }і option { text-align: right }, але, здається, жоден з них не працював у WebKit (або Chrome, Safari, або Mobile Safari.

Будь-яка допомога з вдячністю отримана!

Ви можете спробувати використовувати атрибут "dir", але я не впевнений, що це дасть бажаний ефект?

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

Демо тут: http://jsfiddle.net/fparent/YSJU7/

Наступний CSS вирівняє стрілку та параметри за правою панеллю:

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>

Найкращим рішенням для мене було зробити

select {
    direction: rtl;
}

і потім

option {
    direction: ltr;
}

знову. Отже, ніяких змін у способі читання тексту у програмі зчитування з екрану або проблем із форматуванням немає.

Я думаю, що ви хочете:

select {
  direction: rtl;
}

спробував тут: http://jsfiddle.net/neilheinrich/XS3yQ/

Я зіткнувся з тією ж проблемою, коли мені потрібно вирівняти вибране значення заповнювача праворуч від поля вибору, а також потрібно вирівняти параметри праворуч, але коли я використав напрямок: rtl; щоб вибрати та застосувати деякий правий відступ, щоб вибрати, тоді всі параметри також отримують зсув праворуч, заполнюючи, оскільки я хочу застосувати відступ лише до вибраного заповнювача.

Я вирішив проблему за таким стилем:

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

select option{
  direction: rtl;
}

Ви можете змінити відступ тексту відповідно до ваших вимог. Сподіваюся, це допоможе вам.