css - 我如何使用 INLINE 文本设置 OPTION 字段的样式

Question

我正在尝试使用 INLINE CSS 设置 SELECT/OPTION 框的样式。

background-color 似乎不起作用:

<option style='bakground-color:red'>text</option>

基本上，我想要 3-4 个选项，但每一行都有单独的彩色背景。

我发现的所有 CSS 示例都使用外部 CSS 文件，或者我正在处理的区域上方的单独 STYLE 部分。

是否可以内联执行此操作？

Answer 1

是的，如果你想给内联样式那么你可以给。

该样式在您的代码中不起作用，因为您有拼写错误。

你写 bakground-color 而不是 background:color

   <select>

  <option value="1" style="background-color:yellow">Option 1</option>
  <option value="2" style="background-color:orange">Option 2</option>
  <option value="3" style="background-color:red">Option 3</option>
  <option value="4" style="background-color:green">Option 4</option>

</select>