Ionic 4 ion-button background is not working

Ionic Framework
1

Hi,
the question as in the object. I tried many ways to set the background color of an ion-button but actually has been impossible.

  ion-button.selected-button{
    --background: var(--app-color-success) !important;
    background: var(--app-color-success) !important;
    -–ion-color-base: var(--app-color-success) !important;
    --border-width: 2px;
    --border-style: solid;
    --border-color: var(--app-color-success-tint);
  }

      <ion-button
              class="selected-button"
              style="--background: #ff00ff"
      >
        <ion-ripple-effect></ion-ripple-effect>
        Click me
      </ion-button>

none of the previous worked. The only effect I see it’s a little background outside the border radius stroke.

Can anybody helps to get the desidered effect?

Thanks.

2

Hello try this,

  <ion-button color="success" expand="block">
    <ion-ripple-effect></ion-ripple-effect>
    Click me
  </ion-button>