Добавить границу к ионному переключателю

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 в серый цвет, который вы хотели бы, как объяснено здесь