Preserve whitespace in html select element options using “white-space: pre” NOT working

Question

My problem comes from HTML dropdown select not able to preserve multiple consecutive whitespaces in its options. Here is a sample testcase and outcome. The \"white-space:pre

Answer 1

Form inputs usually map to their relevant native OS controls so they can be hard to style. The usual workaround to keep whitespace from collapsing into 1 space in s is to use   instead of usual spaces.

eg. one of your options would be:

 Any  

For more custom appearance, you would hide the real select element completely and replace it with custom markup and javascript.