css的direction属性

在项目中有遇到一个问题，select元素中的文字需要右对齐。text-align是无效的，想了很久都没有想到办法。经过一翻搜索之后发现了https://stackoverflow.com/questions/7920677/text-align-right-on-select-or-option这篇提问。

有人用

<select dir="rtl">

    <option>Foo</option>

    <option>bar</option>

    <option>to the right</option>

</select>

这样的方式，我看到惊呆了，居然有dir的这样的属性，怎么重来没见过。又搜了一下css direction属性，发现了http://www.zhangxinxu.com/wordpress/2016/03/css-direction-introduction-apply/，这篇文章。

原来direction属性兼容性好，又实用，但是不知道为什么很少有人用。