模态淡出背景区分大小写

Question

我使用角度和粉底，并使用以下方法打开模态：

    $modal.open({
      templateUrl: templateUrl,
      controller: 'CollectionTileController',
      resolve: {
        tiles: function () {
          return collectionTiles;
        },
        collectionTile: function () {
          return menuitem;
        }
      },
      windowClass: menuitem.modalClass || 'reveal-modal-medium'
    });

它工作正常，但我有一个问题，关于区分大小写的灰色背景（见图像）

我们有一个CSS文件，其中类可以被重写以改变颜色。

.reveal-modal-bg,
.reveal-modal-frame {
   display: none;
   visibility: visible;
   position: fixed;
   //for overriding the background so it won't fade grey
   background: rgba(0, 0, 0, 0);
 }

有人知道我可以覆盖基础类.reveal-modal-bg区分大小写吗？生成模态框架并添加此类（请参阅下面的html）。所以我可以覆盖.reveal-modal-bg类，但它会影响应用程序中的所有模态。

<div class="reveal-modal-bg fade in" ng-class="{in: animate}" ng-click="close($event)" style="display: block;" modal-backdrop></div>