Kommunauty
Connexion
Inscription

Masquer la flèche d'un menu SELECT


Warranty Messages : 391

Salut à tous !

Voilà je cherche une solution CSS ou autre pour masquer la petite flèche d'un menu Select, j'ai cherche sur le net bien-sûr, mais je n'ai pas trouver de solution concluante.

J'ai fini de customisé mon menu Select, mais il me reste la petite flèche qui reste est que je n'arrive pas à enlever

Actuellement le menu et comme cela:

Est il devrais être comme cela:

Merci de votre aide

Warranty

samedi 10 décembre 2011 (Dernière édition samedi 10 décembre 2011)

SiMax Messages : 7572

Salut !

HTML

Tu dois mettre ton select dans un cadre pour pouvoir appliquer une petite astuce.

<div class="select">
<select>
<option>J'aime Kommunauty</option>
<option>J'adore Kommunauty</option>
<option>Je sur-kiffe Kommunauty</option>
</select>
</div>

CSS

L'astuce c'est que le bloc qui contient le select sera un peu trop petit, donc on ne verra pas la fin du select qui contient la flèche.

.select {
width:220px;
height:30px;
overflow:hidden;
background:#fff url(petite_fleche.png) no-repeat center right;
}

.select select {
width:248px;
height:30px;
}
samedi 10 décembre 2011

Warranty Messages : 391

Nickel ! je connaissez pas cette astuce le bloc plus petit que le cadre je me coucherais moins con ce soir

Sinon tout fonctionne comme je veux

Merci beaucoup SiMax pour cette petite astuce

dimanche 11 décembre 2011

Répondre Pour répondre, tu dois d'abord t'inscrire rapidement sur Kommunauty. Rejoins-nous vite !