How to remove the shadow from ui.input?

[jspv]

Question

I'm so close. I'm trying to make the input block in this card to blend entirely into the card, no highlights, no borders, no shadows. I can't figure out how to remove or color the shadow

Here is my code block, the background color is 'accent'

          with ui.card().classes(
                "bg-accent rounded-3xl p-3 px-4 w-full min-h-24 flex flex-col"
            ):
                with ui.column().classes("w-full bg-accent"):
                    with (
                        ui.input(placeholder="Enter your answer")
                        .props(
                            "dark autogrow standout='bg-accent' autofocus input-class='bg-accent text-white' dense"
                        )
                        .classes("w-full self-center") as text
                    ):
                    with ui.row():
                        # buttons to go on the bottom row.  todo.  

Any ideas on how to get to the border?

[rodja]

Have you tried the borderless prop? See https://quasar.dev/vue-components/input#borderless

[jspv]

That was it! Many thanks; I was going over that same page trying options for a hour and somehow missed that section and somehow was thinking it needed to be done with input-class or input-style. Feeling dumb but very appreciative.