title: UISelect multiple , apply CSS to one of the selected items
body: <p>Im trying to find ways to apply custom CSS to only one of the selected items in UISelect Multiple.</p>
  
  <pre><code>&lt;ui-select id="productSelect" class="form-control" multiple ng-model="contractsHeader.ProductList" ng-click="addProductOpen()" on-select="onProductSelected($item)" on-remove="onProductRemoved($item)" ng-disabled="!selectedAdvertisers.selectedAdvertiser || !selectedAdvertisers.selectedAdvertiser.AdvertiserKey || selectedAdvertisers.selectedAdvertiser.AdvertiserKey== ' '" ng-required="true" autofocus&gt;
              &lt;ui-select-match&gt;{{getProductDisplayText($item)}}&lt;/ui-select-match&gt;
              &lt;ui-select-choices ui-disable-choice="product.Product_Code == null" refresh="searchByTypes('Products',$select.search)" refresh-delay="0" repeat="product in products track by $index | filter:$select.search"&gt;
                  &lt;div style="cursor:pointer;" ng-if="product.Product_Code == null &amp;&amp; securitySettings.addOtherProducts" ng-click="addProductOpen($select, $event)"&gt;&amp;lt;{{product.Product_Description}}&amp;gt;&lt;/div&gt;
                  &lt;div ng-if="product.Product_Code != null"&gt;{{product.Product_Description}} ({{product.Product_Code}})&lt;/div&gt;
              &lt;/ui-select-choices&gt;
          &lt;/ui-select&gt;
  </code></pre>
  
  <p>here is an excerpt of UISelect-Match </p>
  
  <pre><code>&lt;ui-select-match&gt;{{getProductDisplayText($item)}}&lt;/ui-select-match&gt;
  </code></pre>
  
  <p>I tried conditional ng-class to apply CSS to only one element but CSS class is never applied on that item.</p>