如何使用 DropKick 设置选项文本样式答案

【问题标题】：How do I style option text using DropKick如何使用 DropKick 设置选项文本样式
【发布时间】：2012-12-17 23:30:43
【问题描述】：

我正在使用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 定位选项的特定部分？

【问题讨论】：

标签： html css jquery-dropkick

【解决方案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>

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

【讨论】：

我需要的是下拉列表中的一行（选项）使最后一个单词向右浮动。
如果您希望一个选项标签内的文本位于左右两侧，中间有空格，不确定是否可行。
是的，这就是我需要的。例如，不能针对单个单词使其变为红色吗？
stackoverflow.com/questions/3354979/…这里也讲了，好像你要求的都做不到。
不，您不能针对单个单词并将其设置为红色、粗体和所有这些:)