Box-shadow sur un select GG Chrome

Bonjour all,

Quelqu'un pourrai m'expliquer pourquoi le box-shadow ne fonctionne pas sur les <select> sous GG Chrome?

Merci

PS: je suis sous le bootstrap Twitter. J'ai beau contrer le bootstrap.css de twitter c'est pareil....

Mon code :

<form method="post" action="" class="recherche_profil_simple">
	<fieldset>
		<legend><i class="icon-search"></i> Recherche simple</legend>
			<select>
				<option>01</option>
				<option>02</option>
			</select>
	</fieldset>
</form>

select {
  -webkit-box-shadow: 2px 2px 6px black inset;
  -moz-box-shadow: 2px 2px 6px black inset;
  box-shadow: 2px 2px 6px black inset;
}

Modifié par Nici (22 Nov 2012 - 14:35)

Hello.

Sous Chrome (pas testé Safari, mais ça doit être la même chose), c'est impossible de jouer sur le box-shadow des éléments de formulaires, qui est réservé au focus.

Florian_R a écrit :
Hello.

Sous Chrome (pas testé Safari, mais ça doit être la même chose), c'est impossible de jouer sur le box-shadow des éléments de formulaires, qui est réservé au focus.

Merci de ta réponse mais en faite je viens de trouver la solution, dont c'est tout à fait possible.

La solution:

form select{-webkit-appearance:none;}

et de rajouter 2 / 3 lignes de style quand même

Résultat:
http://data.imagup.com/12/1168265596.png
Modifié par Nici (22 Nov 2012 - 16:59)

Florian_R a écrit :
c'est impossible de jouer sur le box-shadow des éléments de formulaires, qui est réservé au focus.

Sur lesquels car pour l'instant je n'ai pas eu de problème?

@Nici pense à marquer ton message en résolu car j'y suis venu pensant qu'il y avait une réponse à donner.
Modifié par rodolpheb (22 Nov 2012 - 21:01)

A mince pardon ^^

Dis moi rodolpheb, vu que tu n'a pas eu de problème sur ce sujet comment tu procède toi?
Avec le -webkit-appearance:none; aussi?

Thx