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

Question

我正在使用 DropKick设置选择字段的样式。我需要将选项中的文本分开，以便一个单词向右浮动。

我试过了，但是我的 span 被剥夺了:

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

如何使用 DropKick 定位选项的特定部分？

Answer 1

  <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 text-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>

它会“或多或少”使中间的字母变成空白，甚至不知道该怎么调用它。 :)