Angular material 更改角度材质开关的背景色，而不丢失涟漪效果

如何在不失去涟漪效果的情况下更改角材质开关按钮的颜色

请参见此处的代码笔：

我已将颜色更改为

#03A9F4

，现在涟漪效应无法正常工作

代码如下：

<div class="inset switchdemoBasicUsage" ng-controller="SwitchDemoCtrl" ng-app="MyApp">
  <md-switch class="md-primary" md-no-ink="" aria-label="Switch No Ink" ng-model="data.cb5">
    Switch (md-primary): No Ink
  </md-switch>
</div>

开关（md主）：无墨水

您需要使用

$mdThemingProvider

提供程序来修改元素样式

angular.module（'MyApp'，['ngAria'，'ngAnimate'，'ngMaterial'，函数（$mdThemingProvider）{
var blueTheme=$mdThemingProvider.theme（'blueTheme'，'default'）；
var bluepalete=$mdThemingProvider.extendedpalette（'blue'{
“500”：“03A9F4”
});
$mdThemingProvider.definePalette（'bluePalette'，bluePalette'）；
blueTheme.primaryPalette（“bluePalette”）；
})
.controller（'SwitchDemoCtrl'，函数（$scope）{}）

开关（md主）：无墨水
只需从md按钮中删除“md no ink”属性，并将其更改为这似乎是进行更改的正确方式，但缺少涟漪效应，您能修复此问题吗，我将其标记为答案..谢谢