當切換開關時，角度md-switch .md-thumb顏色顯示不正確

Question

在Safari瀏覽器中切換時，md-switch在交換機的md-thumb部分顯示黃色部分。

撥動應該僅僅是藍色，沒有黃色。打開或關閉開關後，它變成黃色。其他瀏覽器處理此切換開關罰款。 md-bar很好，但是`md-thumb'是黃色的。我嘗試設置一切，我現在用的藍...

LESS

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

我找到了解決此問題的方法。如果您在md-switch .md-thumb: before和md-switch .md-ripple-container上設置了display: none，它將停止顏色毛刺。切換開關時，您將失去漣漪，但不再有這種顏色組合。這個問題本身是由於不同的顏色來通過和結合，使這種黃色。這僅適用於Safari瀏覽器，但這是一個簡單的解決方法，可以解決所有瀏覽器上的問題。

的代碼如下：

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

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