Align styles of checkmarks on <select multiple size="1"/> with normal select

[sjohnston00]

The current select class style does any apply styling the select checkboxes when used in multiple size="1" mode. Example bellow

I've looked at the markup and it looks like a pseudo class ::checkmark is applied to the <option/> element. But it seems like to some user-agent stylesheets are being applied that can't be overwritten. Any ideas?

[pdanpdan]

Yes. Wait for the browsers to implement custom styling for multiple.
https://www.google.com/search?q=chromium+issues+base+appearance+for+select+multiple

[saadeghi]

I would suggest using checkboxes in this case.
<select multiple> is impossible to style as of today, it looks ugly, it has UX issues and it's hard and confusing to use for the user (most users have no idea how to select multiple items)