Decorar etiqueta <datalist> con Css

[PSPforever]

Hola,

estoy creando un autocompletado html 5 y funciona bien, pero no consigo cambiar el estilo por defecto del navegador.

Código HTML:

<input type="text" name="privileges" min="1" maxlength="10" value="" list="list-privileges">
                                                             <datalist id="list-privileges">
                                                                 <option class="uno" value="Albacete">Albacete</option>
                                                                 <option value="Alcorcón">Alcorcón</option>
                                                                 <option value="Almería">Almería</option>
                                                                 <option value="Madrid">Madrid</option>
                                                                 <option value="Valencia">Valencia</option>
                                                                 <option value="Valladolid">Valladolid</option>
                                                             </datalist>
 

Y el css:

Código CSS:

datalist > option{background-color: #eee;background: -moz-linear-gradient(top, #f8f8f8 , #eee);background: -webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8),  to(#eee));color:red;cursor:pointer!important}
option:hover{background:#ccc;color:white}
 

El problema es que no me aplica el Css al datalist, el aspecto sigue siendo el que muestra el navegador por defecto, como puedo modificarlo??

gracias por anticipado, espero vuestra respuesta