Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Ion-toggle in IOS mode does not offer the possibility to remove the toggle icon border

See original GitHub issue

Bug Report

Ionic version:

[x] 4.x

Current behavior:

It is not possible to remove the border of the ion-toggle that is shown by default in the IOS mode

Expected behavior:

Since the toggle-icon is part of the shadow dom, It would be helpful to provide some CSS property that controls the background-color of the toggle-icon, or the apparent border of the ion-toggle

Steps to reproduce:

Related code:

<ion-toggle mode="ios"></ion-toggle>

Other information:

Ionic info:

Ionic:

   ionic (Ionic CLI)             : 4.7.1
   Ionic Framework               : @ionic/angular 4.0.0
   @angular-devkit/build-angular : 0.11.4
   @angular-devkit/schematics    : 7.2.3
   @angular/cli                  : 7.2.3
   @ionic/angular-toolkit        : 1.2.2

Issue Analytics

State:
Created 5 years ago
Comments:5 (1 by maintainers)

Top GitHub Comments

1reaction

seravifercommented, Oct 19, 2019

I couldn’t reproduce the problem. I don’t see any border in the iOS toggle.

0reactions

ionitron-bot[bot]commented, May 29, 2020

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.