title: Safari browser: set <option> text align in <select> tag right
body: <p>How can I set text direction of select option tag Right?</p>
  
  <pre><code>&lt;select style="direction:rtl;text-align:right"&gt;
      &lt;option value="" selected=""&gt;همه&lt;/option&gt;
      &lt;option value="1"&gt;راهبر سيستم&lt;/option&gt;
      &lt;option value="0"&gt;عادی&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/wf05W.png" alt="safari vs other browsers"></p>
  
  <p>jsfiddle:
  <a href="http://jsfiddle.net/CHg8v/" rel="nofollow noreferrer">http://jsfiddle.net/CHg8v/</a></p>
  
  <p>Solutions in duplicated question does not cover my problem:</p>
  
  <p><a href="https://stackoverflow.com/questions/7920677/text-align-right-on-select-or-option"><code>text-align: right on &lt;select&gt; or &lt;option&gt;</code></a></p>
  
  <p>UPDATE:I am using safari 5.1 in windows.</p>
  
  <p><code>text-align:-webkit-right</code> does not works in safari 5.1 for windows</p>