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>

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