使用“white-space：pre”不工作，在html select元素选项中保留空格

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" class css seems to work only for any html element except the select element options. Is there any literature or cases identifying such issue? Any suggestions/ advise helpfulMy problem comes from HTML dropdown select not