Styling form dropdown

Author Posts

multiverso May 20, 2020 at 2:03 pm

Heads up! this post was created when Microthemer was at version 6. The current version is 7. Some references to the interface may be out of date.

Hi, how could I fully style a dropdown in a form?

I can easily style the font, border & background, but I don’t know how to style:
– The “double arrow” at the right of the input.
– The font and background of the layer with the options.

Thanks!

Sebastian May 20, 2020 at 4:05 pm

Hey,

There are limits to what you can style with dropdown menus unfortunately. That is true of several form elements. Read the CSS tricks article for more info: https://css-tricks.com/dropdown-default-styling/

Also see: https://stackoverflow.com/questions/7208786/how-to-style-the-option-of-an-html-select-element

I hope that helps!

Thanks,
Sebastian

multiverso May 22, 2020 at 3:29 pm

Thanks!

You must login or register to reply to this topic.