The position of the caret on select elements is shifted in forced color mode

Problem/Motivation

The position and size of the caret on select elements differ between none forced color mode and forced color mode:

Steps to reproduce

• Enable forced color mode in for example the microsoft edge devtools. on the rendering tab chose prefers-color-scheme: dark, forced-colors: active, and prefers-contrast:more
• Go to for example /admin/content and check the select elements

Proposed resolution

Ensure that there is no difference in caret size and position between none forced color and forced color mode.

Remaining tasks

User interface changes

Introduced terminology

API changes

Data model changes

Release notes snippet