如何使用HTML和CSS重新创建相同的角度材质切换选择代码



我正在尝试添加(https://stackblitz.com/edit/historical-toggle-p82shy?file=src%2Fapp%2Fbutton-切换overview example.html(到我的Angular项目,但在css中设置样式时遇到问题。是因为我无法覆盖默认值吗?我找到了这个来源:https://material.angular.io/guide/customizing-component-styles

有没有一种方法可以只使用HTML和CSS重新创建这些代码?我的问题主要是添加下拉选择。我希望能够在所有选择之间切换。但是,如果我将"按月"选项分开,则其他输入选项之一将保持活动状态,即使这不是我当前选择的选项。想法?

提前感谢!

我想您不需要从头开始编写按钮切换。有一些树选项可以覆盖封装的CSS:

  1. 将选择器放在全局CSS中(例如style.scss文件(
  2. 在使用按钮切换的组件中禁用视图封装:
@Component({
...
encapsulation: ViewEncapsulation.None
})
  1. 使用:ng depth

相关内容

  • 没有找到相关文章

最新更新