标签背景颜色保持不变

Question

我一直在关注这个github中解释的一些例子：https://github.com/yannbf/ionic3-components/blob/master

在其中一个例子中，他们提供了一个带有几乎透明工具栏的页面 用这段代码：

page-real-estate-listing {
 $black-overlay: rgba(0,0,0,.3);
 $text-color: #666;
 $banner-text-color: white;
 $content-color: whitesmoke;
 $detail-background: rgba(236,236,236,.8);

/* Header */
.toolbar-background {
    border-color: transparent;
    background: $black-overlay;
} 
....
}

当我尝试应用此代码时，它不起作用，在观察到我发现的元素后，他的元素是这样的：

<div class="toolbar-background toolbar-background-md"></div>

虽然我看起来像这样：

<div class="toolbar-background toolbar-background-md" ng-reflect-klass="toolbar-background" ng-reflect-ng-class="toolbar-background-md"></div>

Angular似乎是在工具栏中注入了一些类。这是否导致了不稳定的行为

我相信我们正在使用不同版本的离子。这些新的角度类是否会干扰我的自定义工具栏样式？我怎么能阻止这个？我对离子很新，所以如果这个问题愚蠢的话，我很抱歉。感谢

编辑：它应该如何表现

Answer 1

我认为您的详细信息页面需要在CSS文件中的代码下面执行：

.detailpage {
  ion-header::after {
    background: transparent;
    background-image: none !important;
  }
  .toolbar {
    .toolbar-background{
      background: transparent;
    }
  }
}

希望这会有所帮助！