title: AngularJS BootStrap UI-Select - How to change icon on the right
body: <p>I'm trying to set an icon to a ui-select, however I've been failing. I've seen several examples online, where they have screenshots of arrows, or different icons. I'm curious how I can change this out.</p>
  
  <p>Currently, I'm not having much luck, as I don't have any icon showing.</p>
  
  <p><a href="https://i.stack.imgur.com/1guSZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1guSZ.png" alt="enter image description here"></a></p>
  
  <pre><code>&lt;ui-select multiple ng-model="myModel" theme="bootstrap" on-select="myOnSelect()"&gt;
  </code></pre>
  
  <p>I assume I'm missing a CSS reference, or something else. </p>
  
  <p>Example I found that has ui-select with arrows: <a href="http://embed.plnkr.co/jBJkDb" rel="nofollow noreferrer">http://embed.plnkr.co/jBJkDb</a></p>
  
  <p>Looking at <a href="https://github.com/angular-ui/ui-select/wiki/ui-select" rel="nofollow noreferrer">https://github.com/angular-ui/ui-select/wiki/ui-select</a> there is a section called "Examples: Disabling Instead of Removing Selected Items in Multiple Selection" which has a different icon with a different color.</p>
  
  <p>Can someone identify how to change the icon on the right for the ui-select?</p>