Question: how to remove color effect of button when hovering



  • Hi everyone,
    Is there any possibility to remove the color-changing effect of buttons in quasar? With effect I mean that when you hover on a button, its background color changes, and I want to avoid this.
    I already disabled the ripple via “no-ripple” but the effect is still there on hovering.

    Would be glad if someone helped:)



  • hi
    These csses are changing the color of elements on hover and focus. you can add the following codes to your page :
    body.desktop .q-focusable:focus .q-focus-helper,
    body.desktop .q-hoverable:hover .q-focus-helper {
    background: inherit;
    opacity: 0;
    }
    body.ios .q-hoverable:active .q-focus-helper {
    background: inherit;
    opacity: 0;
    }
    .q-focus-helper {
    opacity: 0;
    transition: unset;
    }
    use !important if needed