我有一个带有 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>
有关如何删除此蓝色边框的任何线索?