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

我试图将这个（）添加到我的Angular项目中，但在css中设置它的样式时遇到了问题。是因为我无法覆盖默认值吗？我找到了这个来源：

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

---

提前谢谢

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

将选择器放入全局CSS（例如style.scss文件）

在使用按钮切换的组件中禁用视图封装：

使用：：ng deep

@Component({
  ...
  encapsulation: ViewEncapsulation.None
})