выравнивание текста: прямо на <select>или <option>

Question

Кто-нибудь знает, возможно ли выровнять текст справа от <select> или, более конкретно, <option> элемента в WebKit . Это не должно быть кросс-браузерное решение, включающее IE, но должно быть чисто CSS, если это возможно.

Я пробовал оба:

select { text-align: right } и option { text-align: right }, но ни один из них не работал в WebKit (Chrome, Safari или Mobile Safari.

Любая помощь с благодарностью получена!

Answer 1

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

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

Демо здесь: http://jsfiddle.net/fparent/YSJU7/

Answer 2

Следующий 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>

Answer 3

Лучшим решением для меня было сделать

select {
    direction: rtl;
}

, а затем

option {
    direction: ltr;
}

снова.Таким образом, нет никаких изменений в том, как текст читается в программе чтения с экрана, и нет проблем с форматированием.

Answer 4

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

select {
  direction: rtl;
}

возился здесь: http://jsfiddle.net/neilheinrich/XS3yQ/

Answer 5

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

Я исправил проблему следующим стилем:*

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

select option{
  direction: rtl;
}

Вы можете изменить текстовый отступ согласно вашему требованию.Надеюсь, это поможет вам.