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

＆＃13;

   <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>

＆＃13;

Answer 2

<option value="aa" style="background: black;">aa</option>
<option value="bb" style="background: blue;">bb</option>

当您从下拉列表中选择一个选项时，将显示此信息。

Answer 3

是的，你可以内联。

＆＃13;

<select>
  <option value="green" style="background: green;">green</option>
  <option value="cyan" style="background: cyan;">cyan</option>
  <option value="yellow" style="background: yellow;">yellow</option>
</select>

＆＃13;

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

3 个答案: