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

Question

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

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

是否可以以斜体显示例如“汽车”一词？我尝试添加标准 html，但没有奏效。

Answer 1

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

要实现您所描述的，您将需要一个下拉菜单的 HTML/JavaScript 模拟，而不是本机模拟，例如

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

Answer 2

请注意：仅在Firefox 10.2上检查，但它确实完成了此处所要求的内容

我可以使用 CSS 来做到这一点，就像我的小提琴

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。