[Solved] Change Q-Input underline color

  • Is there a way to change the color of a Q-Input underline? I understand that color changes the color once it’s been entered, but that’s not what I’m after. I’ve tried to dig down, but I’m not even sure how this is being set.

  • Okay, I figured it out. Solution is in the style tag:

     .q-if::before {
       background-color: black !important;

    This kinda feels like a hack though. Will it break at some point after an update? underline-color on the component itself feels like the right way.