点击

Question

所以这就是问题：
（所有这些都是角度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>  

我想在点击它时禁用突出显示...

提前致谢！

Answer 1

尝试outline css属性（MDN）：

#myElement:focus {
  outline:none;
}

但是我建议一般地考虑一下，也许改变这种行为并不是一个好主意，这对于用户来说非常普遍和标准（有些事情是here）。