html - 文本对齐 : right on <select> or <option>

Question

有谁知道是否可以将文本对齐到 <select> 的右侧？或更具体地说 <option> WebKit 中的元素。这不需要是包括 IE 在内的跨浏览器解决方案，但如果可能的话应该是纯 CSS。

我都试过了:

select { text-align: right }和 option { text-align: right } ，但两者似乎都不适用于 WebKit(Chrome、Safari 或 Mobile Safari。

感谢收到的任何帮助!

Answer 1

以下 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>