Remove border from ion-button

Issue

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.

Solution

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