Disable Highlight of ui-select on click

so here is the problem :
(all of this is in angular 1)

I have a ui-select like below :

Here is the code :

<div class="formZone-group">
    <div class="mandatory-fl">
        <div class="mandatory-field">
            <label class="control-label">  <i class="glyphicon glyphicon-info-sign help-icon" aria-hidden="true" tooltip-placement="right" tooltip="" tooltip-class="customTooltip" ng-show="atlasManagement.viewManager.isActiveView(atlasManagement.constants.views.addAtlas, atlasManagement.constants.views.updateAtlas)"></i></label>
        </div>
        <div class="mandatory" ng-show="atlasManagement.viewManager.isActiveView(atlasManagement.constants.views.addAtlas, atlasManagement.constants.views.updateAtlas)">*</div>
    </div>
    <div class="select-container">
        <div class="selectPlaceHolder" ng-show="!atlasManagement.atlas.attributeIsDefined()"></div>
        <ui-select  tagging tagging-label="false" on-select="atlasManagement.onAttributeSelected($item, $model)" ng-model="atlasManagement.atlas.attribute" theme="select2" ng-disabled="atlasManagement.viewManager.isActiveView(atlasManagement.constants.views.details)">
            <ui-select-match></ui-select-match>
            <ui-select-choices repeat="item in atlasManagement.attributes | orderBy: atlasManagement.orderByFactory('title') | propsFilter: { title : $select.search }:atlasManagement.getText | orderBy: atlasManagement.orderByFactory('title')">
                <div ng-bind-html="atlasManagement.markText(atlasManagement.getText(item.title), $select.search)"></div>
            </ui-select-choices>
        </ui-select>
    </div>
</div>  

I want to disable the highlight when i click on it…

Thanks in advance!

Source: AngularJS

from Angular Questions https://angularquestions.com/2017/10/11/disable-highlight-of-ui-select-on-click/
via @lzomedia #developer #freelance #web #lzomedia.com