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

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

选择选项元素样式非常有限，自定义布局是不可能的。您需要替换选择控件才能实现您的目标。看看selectize.js , select2 , chosen快速解决方案的插件。