How can I style a Dropdown facet or select element consistently across browsers?

The <select> element that the Dropdown facet and many other facet types use in their UI, is notoriously difficult to style consistently across browsers, but it can be done.

See this section for a set of CSS styles to start from. These will style FacetWP’s dropdowns consistently cross-browser, and make them look like the image on the right.

See also

• The Dropdown facet type
• The Proximity facet type
• The Pager + Load more facet type
• The Sort facet type
• The Hierarchy Select facet type
• The Range List facet type
• The Time Since facet type
• The Exclude facet type