1

我有一个带有 uib-tabs 的 UI Bootstrap 模式。当我打开模式时,第一个选项卡是“以浏览器为中心”,并被蓝色边框包围,如下所示:

选项卡中的蓝色边框

我在用着:

  • 角度 1.5.8
  • 引导 css 3.3.7
  • 用户界面引导 2.2.0

这是一个 plunkr: https ://plnkr.co/edit/HjKjHegAQ1ReY39lSD2V?p=preview

plunkr的js代码:

angular.module('fooApp', ['ui.bootstrap']);

angular.module("fooApp").controller("fooController", ["$scope", "$uibModal", function($scope, $uibModal) {

    $scope.openModal = function () {

        var modalScope = $scope.$new();

        var modalInstance = $uibModal.open({
            templateUrl: 'modal.html',
            controller: 'modalController',
            scope: modalScope,
            size: 'lg'
        });

        modalInstance.result.then(function (result) {
        }, null);
    };

}]);

angular.module("fooApp").controller("modalController", ["$scope", "$timeout", function($scope, $timeout) {

}]);

plunkr的html:

<div class="modal-body">
    <uib-tabset>
        <uib-tab select="ngGridFix()">
            <uib-tab-heading>
                <i class="glyphicon glyphicon-file" style="margin-right: 15px"></i>
                <strong>Foo</strong>
            </uib-tab-heading>

            <p>Foo</p>

        </uib-tab>
        <uib-tab select="ngGridFix()">
            <uib-tab-heading>
                <i class="glyphicon glyphicon-question-sign" style="margin-right: 15px"></i>
                <strong>Help</strong>
            </uib-tab-heading>

            <p>Help</p>
        </uib-tab>
    </uib-tabset>
</div>

有关如何删除此蓝色边框的任何线索?

4

1 回答 1

2

呃......我更新到bootstrap ui 2.5.0(从 2.2.0 开始),这得到了解决(没有蓝色边框)

它似乎固定在bootstrap ui 2.3.1

https://github.com/angular-ui/bootstrap/blob/master/CHANGELOG.md

modal: 在 open(8a4f625) 上恢复焦点行为,关闭 #6295

于 2017-04-04T19:26:15.333 回答