Dropdown/Select Arrow Location

  • Resolved kubekutter

    (@kubekutter)


    5 years, 3 months ago

    For the life of me I can’t figure out where the Dropdown Menu arrow is coming from. I’ve Inspected it again and again and can’t locate it. I’ve also scoured the Docs and there seems to be no mention of the arrow. I’m ultimately trying to style it (or remove and add my own), but can’t until I hone in on it.
    Thanks in advance!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Yordan Soares

    (@yordansoares)

    5 years, 3 months ago

    Hello @kubekutter,

    Try this: Styling a Select Like It’s 2019

    Best regards,
    Yordan.

    Thread Starter kubekutter

    (@kubekutter)

    5 years, 3 months ago

    Thank you Yordan! That didn’t necessarily help directly, however it led me to learning about the Appearance property. Best I could find is something like:

    select {
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
}

    This will at least remove the system-generated arrow (or wherever it’s coming from) so I can then add my own. Thanks for the help!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Dropdown/Select Arrow Location’ is closed to new replies.