sombra en elemento select

[jjeshuacm1]

se puede crear efecto box-shadow a un elemento <select> ??
uso este codigo pero solo lo muestra para los tipos input con clase = cir2
a los select le eh aplicado la clase cir2 pero nada.

en los select solo sale una linea azul pero no la sombra.

Código CSS:

input:focus, textarea:focus, select:focus{
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  outline: 0;
  outline: thin dotted \9;
 
}
 
.cir2{
    -moz-border-radius:9px;
    -webkit-border-radius:9px;
    
    border-width: 1px;
    border-style:solid;
    border-color:#999999;
    
 
    }
 

[ArturoGallegos]

en los select solo funciona en Firefox... tendrás que buscar alguna alternativa como por ejemplo usar un background.

[jjeshuacm1]

uso google chrome, mmm pero no funcionara para ambos ?. bueno muchas gracias por la respuesta.