更改 clr-header 溢出和汉堡触发器的颜色

Question

当响应元素出现时使用clr-header，有没有办法改变颜色？

我正在使用带有自定义背景颜色的 clr-header，该颜色很浅，因此图标显示不清晰。

我尝试修改 .header-overflow-trigger background-color css 值，但我认为它不是全局的，因为它没有效果。

Answer 1

header 溢出触发器内部有一个跨度，用于处理汉堡包行的显示。您需要 ::ng-deep 伪选择器才能进入组件。

::ng-deep .header-hamburger-trigger > span, 
::ng-deep .header-hamburger-trigger > span::before, 
::ng-deep .header-hamburger-trigger > span::after {
  background-color: red;
}

更改 clr-header 溢出和汉堡触发器的颜色

Changing the colour for the clr-header overflow and hamburger triggers

themes

vmware-clarity