html - Style to selected in dropdown list -

i'm trying style selected option in dropdown list. i've found way change background colour need change text colour. doing 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..."); } 

is there way selected text show in shade of red? i'm testing in firefox. here fiddle: https://jsfiddle.net/urbbjrbg/