要在下拉列表中选择的样式

Question

我尝试在下拉列表中设置所选选项的样式。我找到了改变背景颜色的方法，但我需要更改文字颜色。我真的可以用css做。

nav select{
    -webkit-appearance: none;
    -moz-appearance:none;
    appearance: none;
    background: #66822e url(../images/arrow.png) no-repeat right top;
    color: #ffffff; 
    font-size: 100%;
    height: 21px;
    border: 0;
}

nav option:checked, nav option:hover {
    color: #910000 !important;
    background: #d1e40a repeat url("data:image/jpeg;base64,/9j/4AAQ...");
}

有没有办法让所选文字以红色显示？我正在使用Firefox进行测试。这是一个小提琴： https://jsfiddle.net/urbbjrbg/