Html 如何使用DropKick设置选项文本的样式

我正在使用样式选择字段。我需要分离选项中的文本，这样一个单词就可以向右浮动

我试过这个，但我的跨度被剥去了：

<select>
    <option>opt1</option>
    <option>opt2</option>
    <option>opt3<div class="right">I need to be to the right</div></option>
</select>

如何使用DropKick以选项的特定部分为目标

  <select>
    <option>opt1</option>
    <option style="text-align: right;">opt2</option>
    <option>opt3<div class="right">I need to be to the right</div></option>
  </select>

通过使用CSS文本align:right

这就是你的意思

丑陋的选择：

  <select>
    <option>opt1</option>
    <option>opt2</option>
    <option style="text-align: right;">Foo&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Bar&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
  </select>

---

它或多或少会使空格之间的字母变得模糊，甚至不知道该怎么称呼它

我需要的是下拉列表中的一个行选项使最后一个单词向右浮动。如果您希望一个选项标记中的文本位于左右两侧，中间有空格，则不确定这是否可行。是的，这就是我需要的。例如，不可能将一个单词的目标设置为红色吗？他们在这里也谈到了这一点，似乎你不能满足自己的要求。不，你不能针对一个词，把它变成红色、粗体和所有这些：