如何在选择标签中的选项内的文本之间设置间距

Question

我正在显示带有多个选项的标签，并且每个选项都包含两个用单个空格分隔的文本，所以我想要的是一个文本应显示在左侧，而第二部分应显示在右侧。

例如：  文字1234

我希望下拉列表中的文本位于选项左侧，而1234应该位于下拉选项的右侧，这样，css属性就可以针对所有<option></option>来实现此功能

<select id=""  class="form-control ">
  <option> Select options </option>
  <option>text  1234</option>
  <option>text  1234</option>                                                                               
  <option>text  1234</option>                                                                              
  <option>text  1234</option>
</select> 

Answer 1

选择选项元素的样式非常有限，无法进行自定义布局。您需要替换的select控件来实现您的目标。看一下selectize.js，select2，chosen插件，以寻求快速解决方案。