为什么内联CSS仅在打开html选定选项时更改其颜色？

这是我的密码：

星期一
星期二
星期三

您可以使用CSS来实现这一点

选项[选定]{
颜色：红色；
}
选择权{
颜色：黑色；
}
挑选{
颜色：红色；
}

星期一
星期二
星期三

您可以使用CSS来实现这一点

选项[选定]{
颜色：红色；
}
选择权{
颜色：黑色；
}
挑选{
颜色：红色；
}

星期一
星期二
星期三

这与

你可以在你的css中尝试，改变样式，直到你达到你所需要的

选择{
宽度：150px；
高度：30px；
填充物：5px；
颜色：红色；
}
选择选项{颜色：黑色；}
选择选项[selected='selected']{
颜色：红色；
}

星期一
星期二
星期三

这与

你可以在你的css中尝试，改变样式，直到你达到你所需要的

选择{
宽度：150px；
高度：30px；
填充物：5px；
颜色：红色；
}
选择选项{颜色：黑色；}
选择选项[selected='selected']{
颜色：红色；
}

星期一
星期二
星期三

这将起作用

您的HTML代码

<select id="xyz" name="xyz" onchange="this.className=this.options[this.selectedIndex].className" class="black">
    <option></option>
    <option value="Monday"  selected="selected">Monday</option>
    <option class="red"  value="Tuesday">Tuesday</option>
    <option value="Wednesday">Wednesday</option>
</select>

option{ color:black}
.black{ color:black}
.red{ color:red; }

这会奏效的

您的HTML代码

<select id="xyz" name="xyz" onchange="this.className=this.options[this.selectedIndex].className" class="black">
    <option></option>
    <option value="Monday"  selected="selected">Monday</option>
    <option class="red"  value="Tuesday">Tuesday</option>
    <option value="Wednesday">Wednesday</option>
</select>

option{ color:black}
.black{ color:black}
.red{ color:red; }