Javascript 如何更改“选择”选项内跨度的颜色？

如何在选择选项中将范围颜色更改为红色？ 在js的小提琴我想改变这是一个必填字段的颜色。变红

挑选{ 颜色：绿色； } 选择选项{颜色：黑色；} 选择option.myError{ 颜色：红色 } 颜色： 这是必填字段。 颜色：深蓝色 颜色：雷达红

---

在呈现DOM之后，您可以检查它的元素，您将看到span将被删除。这就是为什么css样式属性不起作用，因为不存在span或class.myError

---

换句话说，选项标记不能允许其他标记。

呈现DOM后，您可以检查元素，您将看到span将被删除。这就是为什么css样式属性不起作用，因为不存在span或class.myError

---

换句话说，选项标记不能允许其他标记。

您不能在标记内使用html标记。但是，您可以使用css实现这一点：

挑选{ 颜色：红色； } 选择选项{颜色：黑色；} 选择选项：第一个孩子{ 颜色：红色 } .中蓝色{ 颜色：0000CD； } .雷达红{ 颜色：FF0000； } 颜色：这是必填字段 颜色：深蓝色 颜色：雷达红

---

不能在标记内使用html标记。但是，您可以使用css实现这一点：

挑选{ 颜色：红色； } 选择选项{颜色：黑色；} 选择选项：第一个孩子{ 颜色：红色 } .中蓝色{ 颜色：0000CD； } .雷达红{ 颜色：FF0000； } 颜色：这是必填字段 颜色：深蓝色 颜色：雷达红

---

这是一个奇妙的想法，在“选择并混合”模式上方使用覆盖，然后我使用CSS varibale控制颜色的变化

$'select'.change函数{ $this.parent.attr'style'，'-color:'+$this.find'：selected'.data'color'； } .选择{ 位置：相对位置； 显示：内联块； -颜色：红色； } 。选择：在{ 内容：； 位置：绝对位置； 右：20px； 顶部：1px； 底部：1px； 左：40px； 背景：颜色； 混合模式：轻量化； } 选择选项{ 颜色：黑色； } 颜色：这是必填字段。 颜色：深蓝色 颜色：雷达红

---

这是一个奇妙的想法，在“选择并混合”模式上方使用覆盖，然后我使用CSS varibale控制颜色的变化

$'select'.change函数{ $this.parent.attr'style'，'-color:'+$this.find'：selected'.data'color'； } .选择{ 位置：相对位置； 显示：内联块； -颜色：红色； } 。选择：在{ 内容：； 位置：绝对位置； 右：20px； 顶部：1px； 底部：1px； 左：40px； 背景：颜色； 混合模式：轻量化； } 选择选项{ 颜色：黑色； } 颜色：这是必填字段。 颜色：深蓝色 颜色：雷达红

---

选项元素不能有任何子元素。你应该考虑使用选择插件，事实上，你不能这么做。请参阅更多：好的，谢谢@AlexanderDemichev。选项元素不能有任何子元素。你应该考虑使用选择插件，事实上，你不能这么做。查看更多：好的，谢谢@AlexanderDemichev。注意：这在MacOSX上的谷歌浏览器中不起作用；注意：这在MacOSX上的Google Chrome中不起作用；