Css 样式选项选择颜色

Css 样式选项选择颜色,css,Css,我试图有一个选择下拉框,在你选择一个选项之前文本是灰色的,然后在你选择一个选项之后文本是蓝色的。到目前为止,我已经到了这样一个地步:选中时它会变成蓝色,但单击其他地方后它会变成灰色。这是我的密码: .form控件, 输入[type=“text”], 输入[type=“password”], 输入[type=“email”], 输入[type=“tel”], 输入[type=“search”], 输入[type=“url”], 输入[type=“number”], 文本区, .选择{ 填充:10

我试图有一个选择下拉框,在你选择一个选项之前文本是灰色的,然后在你选择一个选项之后文本是蓝色的。到目前为止,我已经到了这样一个地步:选中时它会变成蓝色,但单击其他地方后它会变成灰色。这是我的密码:

.form控件,
输入[type=“text”],
输入[type=“password”],
输入[type=“email”],
输入[type=“tel”],
输入[type=“search”],
输入[type=“url”],
输入[type=“number”],
文本区,
.选择{
填充:10px 15px;
边框:#383839 2px实心;
颜色:#8c8c8c;
字号:700;
/*18px*/
字体大小:1.125rem;
边界半径:4px;
}
.窗体控件:焦点,
输入[type=“text”]:焦点,
输入[type=“password”]:焦点,
输入[type=“email”]:焦点,
输入[type=“tel”]:焦点,
输入[type=“search”]:焦点,
输入[type=“url”]:焦点,
输入[type=“number”]:焦点,
文本区域:焦点,
.选择:焦点{
盒影:无;
边框颜色:#383839;
颜色:#3a577d;
}
.form控件选项:选中{
颜色:#3a577d;
}
表单输入[类型=文本]{
颜色:#3a577d;
}

预期月份
一月
二月
前进
四月
也许
六月
七月
八月
九月
十月
十一月
十二月

您正在尝试使用什么操作系统和浏览器?正如在WebKit浏览器(Chrome、Safari)中一样,在某些情况下不支持
的样式。我在Chrome和Explorer中尝试了这一点。我的结论是,这是不可能的;默认颜色将始终覆盖您所做的任何更改。即使我添加了内联样式并使文本为蓝色,它仍然显示为灰色。