スイッチの切り替え時に角のmdスイッチの.mdサムの色が正しく表示されない

Question

mdスイッチがSafariブラウザで切り替わると、スイッチの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ブラウザでのみ発生する問題ですが、これは簡単な回避策であり、すべてのブラウザでこの問題を解決します。あなたの投稿をvandalizeないでください

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

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