为离子切换添加边框

Question

如何在离子切换圆周围添加边框。我看到有一个toggle-inner类，可以在其中添加边框。但是，当我尝试覆盖此类时，它不会采用覆盖的类。这是我用来添加边框的代码

ion-toggle .toggle-inner { border: 1px solid #ffffff }

我也尝试过不使用toggle-inner覆盖ion-toggle。但是，没有运气。

这就是我期望的样子  

这是我们正在使用的离子库https://unpkg.com/@ionic/core@latest/dist/ionic.js

Answer 1

如果您使用的是Sass，则可以尝试将$toggle-ios-border-color-off变量设置为所需的灰色，如here