Angular 如何覆盖Material2中的$md工具栏最小高度

我正在尝试

md toobar的默认高度为64px，在

如何将其覆盖为32px英寸

---

您无法覆盖特定变量，因为material2组件中已烧坏了。Scss编译已针对md工具栏特定样式执行。 您可以执行以下操作：

md-toolbar {
  min-height: 32px !important;
}
md-toolbar md-toolbar-row {
  height: 32px !important;
}

---

在自定义主题中。我找不到任何优雅的解决方案。

您不能忽略特定的变量，因为material2组件中已经烧坏了。Scss编译已针对md工具栏特定样式执行。 您可以执行以下操作：

md-toolbar {
  min-height: 32px !important;
}
md-toolbar md-toolbar-row {
  height: 32px !important;
}

---

在自定义主题中。我找不到任何优雅的解决方案。

我知道这个问题有点老了，但我们有一个类似的问题，我们需要改变颜色和其他全球风格以适应我们的品牌。我想我会分享我们对上述答案的不同看法。我们希望避免在sass中使用“！important”，并在构建应用程序时能够重用样式，因此我们在全局sass文件中添加了覆盖选择器。然后我们就可以将覆盖选择器添加到我们想要覆盖的任何md元素中。这使我们能够更具体地说明我们所覆盖的内容

下面的示例显示了背景色和工具栏高度替代。仍然与框架背道而驰，但从品牌的角度来看，你至少需要控制颜色。另请注意，如果要向覆盖sass添加新选择器，只需将其附加到md选择器列表即可

<!-- md-toolbar example -->
<md-toolbar class="my-app-toolbar my-app-bg-color"></md-toolbar>

// override bg-color for md-button, md-card-content, md-toolbar
.md-button,
md-card-content,
md-toolbar {
  &.my-app-bg-color {
    background-color: #00acc1;
  }
}

// override md-toolbar
md-toolbar {
  &.my-app-toolbar {
    min-height: 32px;
    height: 32px;
  }
}

//覆盖md按钮、md卡内容、md工具栏的背景颜色
.md按钮，
md卡内容，
md工具栏{
&.我的应用程序背景颜色{
背景色：#00acc1；
}
}
//覆盖md工具栏
md工具栏{
&.我的应用程序工具栏{
最小高度：32px；
高度：32px；
}
}

我知道这个问题有点老了，但我们也遇到了类似的问题，我们需要改变颜色和其他全球风格以适应我们的品牌。我想我会分享我们对上述答案的不同看法。我们希望避免在sass中使用“！important”，并在构建应用程序时能够重用样式，因此我们在全局sass文件中添加了覆盖选择器。然后我们就可以将覆盖选择器添加到我们想要覆盖的任何md元素中。这使我们能够更具体地说明我们所覆盖的内容

下面的示例显示了背景色和工具栏高度替代。仍然与框架背道而驰，但从品牌的角度来看，你至少需要控制颜色。另请注意，如果要向覆盖sass添加新选择器，只需将其附加到md选择器列表即可

<!-- md-toolbar example -->
<md-toolbar class="my-app-toolbar my-app-bg-color"></md-toolbar>

// override bg-color for md-button, md-card-content, md-toolbar
.md-button,
md-card-content,
md-toolbar {
  &.my-app-bg-color {
    background-color: #00acc1;
  }
}

// override md-toolbar
md-toolbar {
  &.my-app-toolbar {
    min-height: 32px;
    height: 32px;
  }
}

//覆盖md按钮、md卡内容、md工具栏的背景颜色
.md按钮，
md卡内容，
md工具栏{
&.我的应用程序背景颜色{
背景色：#00acc1；
}
}
//覆盖md工具栏
md工具栏{
&.我的应用程序工具栏{
最小高度：32px；
高度：32px；
}
}

是的，这也是我发现的。我有个朋克。但这真的很糟糕，因为我们正在为

md工具栏的内部css组件设置主题。这违背了拥有UI框架的目的。答案被接受，因为我发布问题时就是这样。是的，这也是我发现的。我有个朋克。但这真的很糟糕，因为我们正在为
md工具栏的内部css组件设置主题。这与拥有UI框架的目的背道而驰。当我发布问题时，答案是可以接受的。