Question: how to remove color effect of button when hovering

[Sallar]

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:)

[koohsaran70]

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