Remove border from ion-button


I am building an Ionic App. I have rounded the buttons in order to make them more beautiful, but when I do that the border stays just like the photo that is linked.
I have tried with these different methods but none of them worked:

border: 0px !important;
border-bottom-color: transparent !important;
background-image: none !important;
border-bottom: none !important;
text-shadow: none !important;
box-shadow: none !important;

button 1

It also happens with this other button:
button 2

I cannot use ion-buttons because the text just crashes with it.

Thanks you very much.


You can easily use the css properties –border-color and –border-width like this: --border-color: none; --border-width: 0px !important;. I hope this will be helpful.

Answered By – ulrich ngaha

This Answer collected from stackoverflow, is licensed under cc by-sa 2.5 , cc by-sa 3.0 and cc by-sa 4.0

Leave a Reply

(*) Required, Your email will not be published