Question

我有一个styles.css和另一个styles-highcontrast.css，它们本质上都包含相同的样式，但后来针对有视力障碍的人进行了修改。
在angular.json中，styles-highcontrast.css设置为lazy。

如何只需单击一个按钮即可在两者之间切换？

谢谢

Answer 1

将高对比度CSS封装在某些特定类中，例如：

a {color: red;}

.high-contrast a {color: extraRed;}

在HTML中：

<body ng-class="{'high-contrast': vm.useHighContrast}">
    <button ng-click="vm.useHighContrast = !vm.useHighContrast">Switch contrast</button>