角md开关.md-拇指颜色在切换开关时不正确显示

Question

在Safari浏览器上切换时，md开关会在开关的Md-拇指部分显示一个黄色部分。

​

​

开关应该是那种蓝色，没有黄色。开关打开或关闭后，它会变黄。其他浏览器处理这个切换开关很好。md-bar是好的，但是‘`md拇指’是黄色的。我试着把所有东西都调成蓝色.

较少

md-switch .md-thumb {
background-color: #29b6f6 !important;
color: #29b6f6 !important;
}

md-switch.md-checked .md-thumb {
background-color: #29b6f6 !important;
color: #29b6f6 !important;
}

md-switch[disabled] .md-thumb {
background-color: #29b6f6 !important;
color: #29b6f6 !important;
}

HTML

<md-switch ng-model="orgAdminSwitch" class="md-primary" ng-change="orgAdminChanged(orgAdminSwitch)" ng-show="isAdmin" aria-label="Org Admin Switch" style="float: right;"></md-switch>

但这只会使黄色变暗。黄色仍然可见，这只发生在Safari时，开关被切换或点击关闭。知道怎么移除这个吗？

Answer 1

我为这个问题找到了一份工作。如果将display: none设置在md-switch .md-thumb: before和md-switch .md-ripple-container上，它将停止颜色故障。当切换开关时，你将失去纹波，但不会再有这种颜色组合。问题本身是由于不同的颜色通过和组合，使这一黄色的颜色。这只是Safari浏览器上的一个问题，但这是一个简单的解决方法，可以在所有浏览器上解决这个问题。

代码将如下所示：

md-switch .md-thumb: before {
display: none;
}

md-switch .md-ripple-container {
display: none;
}