Droplist (aka pulldown) styling

page-and-widget-styles

#1

Is there any way to adjust the location of the caret (down arrow) that appears in a dropdown list? I’ve tried all the styling options possible, but when I run it in Chrome the caret has no padding from the right and just plain looks weird. All assistance very much appreciated.
-afinpdx

Here’s an image for reference.droplist


#2

The widgets in the “Forms” section of the default Axure library all use browser-defined styling. Each browser will render them differently, and this is a “2 sides of the coin” thing–sometimes good, sometimes bad. RP9 introduced a few overrides for some of these widgets, but none can be “fully styled.” So, you are left to build it yourself manually if you want full control of visuals.

You can also browse the available Axure Libraries to see if a pre-built version can work for your needs, or search this forum for examples, like these:


Using Axure 10 Default - Forms - Droplist - how to change the On Hover color of the items in the droplist
#3

Thanks a bunch mbc66! I might just try the css override.
I appreciate the speedy response.