выравнивание текста: справа или

Question

выравнивание текста: справа или

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

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

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

любая помощь с благодарностью приняты!

625 4

html css webkit

4 ответов:

Comments

Ничего не найдено.

Frank Parent · Accepted Answer · 2011-10-27 21:47:16

вы можете попробовать использовать атрибут "dir", но я не уверен, что это даст желаемый эффект?
<select dir="rtl">
    <option>Foo</option>    
    <option>bar</option>
    <option>to the right</option>
</select>
демо здесь:http://jsfiddle.net/fparent/YSJU7/

Laiacy · Accepted Answer · 2018-04-04 19:38:57

следующий CSS будет выравнивать по правому краю как стрелку, так и параметры:
select { text-align-last: right; }
option { direction: rtl; }

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

nheinrich · Accepted Answer · 2011-10-27 21:46:27

Я думаю, что вы хотите:
select {
  direction: rtl;
}
возился здесь:http://jsfiddle.net/neilheinrich/XS3yQ/

Martin Schilliger · Accepted Answer · 2013-09-06 00:09:40

лучшее решение для меня было сделать
select {
    direction: rtl;
}
а то
option {
    direction: ltr;
}
снова. Так что нет никаких изменений в том, как текст читается программой чтения с экрана или и без форматирования-проблема.