Comment Faire Sélectionner l'Élément à être Transparent dans Chrome?

S'il vous plaît regardez cet exemple:

CSS:

select {
  width: 172px;
  height: 22px;
  padding: 2px 7px;
  border: none;
  background: url(http://imgur.com/MJyZM.png) 0 0 no-repeat;
}

HTML:

<select>
  <option value="abcdefg">abcdefg</option>
  <option value="1234567">1234567</option>
  <option value="abcdefg">abcdefg</option>
</select>

Quelqu'un peut-veuillez le mettre à jour pour être transparent dans Chrome? Actuellement le résultat dans FF est la bonne. Merci.

Mise à jour:

Maintenant sans -webkit-appearance: none; fonctionne très bien dans Chrome.

Le jsfiddle lien ne fonctionne pas. Pouvez vous s'il vous plaît mettre à jour?
Mis à jour le violon lien, la réponse est -webkit-appearance: none; mais il n'est pas plus nécessaire pour la mise à jour de Chrome.

CSS:

select {
  width:192px;
  padding:2px;
  border:none;
  background:url(http://imgur.com/MJyZM.png) 0 0 no-repeat;
  -webkit-appearance: none;
}

HTML:

<select>
  <option value="abcdefg">abcdefg</option>
  <option value="1234567">1234567</option>
  <option value="abcdefg">abcdefg</option>
</select>

Pas testé sur firefox, mais il semble -webkit-appearance: none; désactive les comportements spécifiques webkit peut s'appliquer.

Vous devez vous connecter pour publier un commentaire.