dbc.DropdownMenu Link remove underline

Dash Python
1

I’d like to remove the underline from the Menu. I’ve tried style={“text-decoration”: “none”}, in a couple different places with no success. Thank you Here is my code:

dbc.DropdownMenu(
                        [
                            dbc.DropdownMenuItem(
                                "A button", id="dropdown-button", n_clicks=0
                            ),
                            dbc.DropdownMenuItem(
                                "Internal link", href="/docs/components/dropdown_menu"
                            ),
                            dbc.DropdownMenuItem(
                                "External Link", href="https://github.com"
                            ),
                            dbc.DropdownMenuItem(
                                "External relative",
                                href="/docs/components/dropdown_menu",
                                external_link=True,
                            ),
                        ],
                        label="Menu",
                        color="link",
                    ),
                ],
                color="primary",
                style={"text-decoration": "none"},

image

2

Hey @saxon11 welcome to the forums!

I think the style argument is outside of the dbc.DropdownMenu. In fact, there is one squared bracket too much in the code you provided.

The color argument link may be the reason for your behaviour.


            dbc.DropdownMenuItem(
                "External Link", href="https://github.com"
            ),
            dbc.DropdownMenuItem(
                "External relative",
                href="/docs/components/dropdown_menu",
                external_link=True,
            ),
        ],
        label="Menu",
        # color="link",
        # style={"text-decoration": "none"},
    )
)

if __name__ == '__main__':
    app.run(debug=True, port=8054)