css - 更改 高度

Question

我无法覆盖 css对于 <md-progress-linear> .

他们有以下代码来设置 height他们的进度条 sass文件:

$progress-linear-bar-height: 5px !default;

md-progress-linear {
  height: $progress-linear-bar-height;
}

即使我改变了5px至 1px它仍然没有改变。忽略高度，也不会改变任何东西。

即使我把它放在我自己的sass文件，它不会覆盖它:

md-progress-linear {
  height: 2px !important;
}

我是不是忽略了什么？

$progress-linear-bar-height: 1px !default;

md-progress-linear {
  display: block;
  position: relative;
  width: 100%;
  height: $progress-linear-bar-height;

  padding-top: 0 !important;
  margin-bottom: 0 !important;
}

 <md-progress-linear md-mode="indeterminate" ng-if="showLoader"></md-progress-linear>

Answer 1

以下应该有效。首先，我们将进度条容器的高度和线性条设置为 20px。这两个元素一起有助于增加线性进度条的高度。

md-progress-linear .md-container {
    height: 20px;
}

md-progress-linear .md-container .md-bar {
    height: 20px;
}