javascript - 单击时禁用ui-select的高亮显示

所以这是问题所在：
（所有这些都在角度1中）

我有一个用户界面选择，如下所示：


这是代码：

<div class="formZone-group">
    <div class="mandatory-fl">
        <div class="mandatory-field">
            <label class="control-label">{{atlasManagement.getText("#ATLAS:ATTRIBUTE")}}  <i class="glyphicon glyphicon-info-sign help-icon" aria-hidden="true" tooltip-placement="right" tooltip="{{atlasManagement.getText('#ATLAS:ATTRIBUTETOOLTIP')}}" 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()">{{atlasManagement.getText('#ATLAS:CHOOSEATTRIBUTEPLACEHOLDER')}}</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>{{atlasManagement.getText($select.selected.title)}}</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>

我想在点击高亮时禁用它。

提前致谢！

最佳答案

尝试outline css属性（MDN）：

#myElement:focus {
  outline:none;
}

但是我建议通常考虑一下，也许改变这种行为不是一个好主意，这对于用户来说是很常见和标准的（有些想法是here）。