Styling
This comes up quite a lot. The react-country-region-selector
package outputs simple HTML <select>
and <option>
elements - nothing more. So if you need to change the styles of the dropdowns, it just a matter of using CSS in your page. To target the elements, pass a class via the className
prop to each component, and style it based on that - or pass custom a custom style
prop right to the component, as shown here.
Note that if you're using this script in an integration, like with Material UI, styling will be different. You'll need to refer to those external libraries to find out how styling works for them.