是否可以在斜体的选择列表中显示文本的任何部分？

Question

我有一个标准的选择列表：

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi cars</option>
</select>

是否可以显示单词＆＃34; cars＆＃34;用斜体字？我尝试添加标准的HTML但是没有用。

Answer 1

否 - 与输入字段和文本区域一样，选项标签不允许其中包含不同的样式，整个选项只允许使用一种样式。

要实现您所描述的内容，您需要对下拉列表进行HTML / JavaScript模拟，而不是本机模拟，例如。

http://www.mitya.co.uk/scripts/jQuery-drop-down-selector-124

Answer 2

  

请注意：仅在 Firefox 10.2 上选中，但确实完成了   这里有什么问题

我可以使用CSS来执行此操作My Fiddle

HTML

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
    <option class="italic" value="audi">Audi</option>
</select>

CSS

option.italic:after{
    content: "cars";
    font-style: italic;
}

Answer 3

使用直接html几乎是不可能的。

你可以使用相同的风格

SELECT { border: solid 1px color; font-weight: bold; }
OPTION { background:xx; font-style: italic; }

但是对于不同的风格，你应该使用javascript。