Je me demandais s'il y avait un moyen de supprimer le bouton déroulant (<select>) (la petite flèche) dans le menu déroulant? Je veux créer une liste d'articles, mais sans la flèche.Supprimer le bouton déroulant (sélectionner) des menus déroulants?
Vous ne pouvez pas faire cela, surtout cross-browser. Vous pouvez remplacer entièrement les éléments <select> par un autre contrôle, mais vous ne pouvez pas modifier la façon dont un <select> rend ... pas comme vous le souhaitez.
Here sont fewexamples de replacements.
Peut-être que vous cherchez quelque chose comme ceci:
<html>
<body>
<select size=1>
<option>Volvo</option>
<option>Saab</option>
<option>Mercedes</option>
<option>Audi</option>
</select>
</body>
</html>
Cela va créer une liste de sélection d'éléments d'un élément de grande taille. Sur certains navigateurs, il y aura toujours une barre de défilement vide, mais elle supprimera la flèche déroulante. Tant que la taille de l'étiquette de sélection est définie, la flèche n'apparaîtra pas.
Il y a plus d'options sur les listes de sélection ici: http://www.w3schools.com/tags/tag_select.asp
Essayez ce code:
select {
-webkit-appearance: none;
background-color: #FFF;
border: medium none;
color: #555555;
font-family: inherit;
outline: medium none;
overflow: hidden;
padding: 0;
text-overflow: ellipsis;
white-space: nowrap;
width: 10em;
height: 1em;
}
travail itz pour moi. Essayez-le.
cela ne fonctionne pas, si vous le pensez, fournissez un exemple –
this answer de João Cunha fait des merveilles pour moi
pur CSS!
J'ai ajouté un peu de code pour étendre le support du navigateur, voir ci-dessous ou my answer in that question:
select {
/*for firefox*/
-moz-appearance: none;
/*for chrome*/
-webkit-appearance:none;
text-indent: 0.01px;
text-overflow: '';
}
/*for IE10*/
select::-ms-expand {
display: none;
}
En outre, consultez cet article: http://tutorialzine.com/2010/11/better-select -jquery-css3/ – Metagrapher