title: ui-select - make the arrow be on the left side
body: <p>I'm using the <a href="https://github.com/angular-ui/ui-select" rel="nofollow">ui-select</a> select-box for angularJS, and I need the arrow of the select-box to be on the left side to match other select-boxes I have and the whole <code>rtl</code> direction of the site.</p>
  
  <p>The arrow appreas on the right side in all the examples I'd found. I tried setting the <code>direction</code> and the <code>float</code> properties but nothing worked.</p>
  
  <p>I'm using the <code>bootstrap</code> style for the ui-select select-box. And in the "real" bootstrap select-boxes it's really easy to move the arrow to the left, simply by setting <code>dir="rtl"</code>.</p>
  
  <p>Any ideas? Thanks!</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>Here's an <a href="http://plnkr.co/edit/a3KlK8dKH3wwiiksDSn2?p=preview" rel="nofollow">official example</a> so that you can play with it.</p>