[Bug]: fix styling of verison select (cross-platform)

[kgryte]

Description

Encountered a bug when viewing the API documentation on an iOS device where the styling of the version <select> element was incorrect.

Could consider a common approach to style a wrapper underneath the <select> element and thus allowing a custom (and consistent) arrow across devices.

Because we'd still be using the <select> element to display options, we'd retain web accessibility, while also ensuring that the <select> element has similar styling irrespective of view context.

Related Issues

No.

Questions

No.

Demo

N/A

Reproduction

- view API docs on an iOS device and attempt to use the side menu version filter.

Expected Results

Consistent styling.

Actual Results

Inconsistent styling.

Environments

N/A

Browser Version

No response

Node.js / npm Version

No response

Platform

No response

Checklist

• [X] Read and understood the Code of Conduct.
• [X] Searched for existing issues and pull requests.

[kgryte]

In the settings menu, we use the custom select technique described above. Could use it for reference.

https://github.com/stdlib-js/www/blob/8d4a50afefafaa9c5a35b1794e3f611c8fb9aec0/src/components/top-nav/settings/index.jsx#L197-L207