No Rounded Corners on Android



I’m new to Ionic. I’m trying to create page with toggles component. When I run it on android phone, toggles have no rounded corners. but when using a browser on a PC or on the emulator, there are rounded corners. I’m using this example

I’m using Android 4.2.1 and latest ionic-cordova seed

is it a bug or am I missing something?



Lots of issues there with rounded edges on the screen. What version of Ionic are you using? Have you tried 0.9.27? I’m not sure when you download the seed; so, I don’t know which version you are on.

I don’t have an Android device; so, I can’t test. Is there any chance you can download the Ionic CSS, Fonts, and JS for 0.9.26 and 0.9.25 to see if they work differently? It’d be nice to know if there was a regression.


hi @Calendee ,
I use 0.9.27 and still no rounded corner :frowning:

btw, i did some change in ionic.css and voila, rounded edges :smiley:

i added "background-clip: padding-box;"
it works on my Android 4.2.1 with Cordova.

I don’t have iphone, so i don’t know if it breaks in iphone

*sorry for my english :slight_smile:

Here’s the screenshot


Nice job with solving that. I’ve opened an issue so the devs can solve that problem in the core code.

Issue # 823 :


FYI : Adam is still working on this


Thanks for the update @Calendee