Comment style HTML select/option tag?
Je voudrais créer un menu déroulant avec html, sélectionnez donc je voudrais style ainsi. Je voudrais mettre un rembourrage pour les balises d'option, de façon à ne pas être surpeuplé, mais je ne peux pas le faire. (il ne fonctionne pas)
une idée?
#categories
{
padding: 10px 10px 10px 10px;
background-color: #826B78;
font-size: 20px;
color: white;
margin: 10px 10px 10px 10px;
border: none;
outline: none;
}
#categories option
{
margin: 30px 30px 30px 30px;
padding: 30px 30px 30px 30px;
font-size: 20px;
}
les catégories id appartient à la balise select
- Ce sera fermée dès que n'est pas "une vraie question". Il ne fonctionne pas ne signifie RIEN si vous ne fournissez pas de 1) Le code que vous avez essayé, et 2) qu'est-ce exactement ne fonctionne pas
- Cette question est posée si souvent, avez-vous la recherche de votre réponse? Consultez le questions connexes >
- je fournis le code, ce qui n'est pas le travail, c'est le rembourrage et la taille de la police
- Il fonctionne tout à fait: jsfiddle.net/Yg7qa downvote est près de...
- ouais, en fait, il ne fonctionne pas du tout. voyez-vous tout de rembourrage sur les options???????
- Avec plus de dix mille points de vue, il n'y a pas un seul upvote?
- Je suis tombé sur cette question de près de 3 ans après le post original. J'ai pensé qu'il était assez bon, et il m'a aidé à résoudre mon problème. Désolé les gens étaient enflammées vous.
InformationsquelleAutor gen | 2013-06-19
Vous devez vous connecter pour publier un commentaire.
Il est difficile de style, sélectionnez menu avec css. La Meilleure façon de le faire est avec jquery u peut style et d'avoir un meilleur contrôle sur le code avec jquery. Il suffit d'utiliser un custom jquery comme http://gregfranko.com/jquery.selectBoxIt.js/
J'ai juste fait un exemple de style de sélectionner avec jquery, vous pouvez consulter la démo ici
JS:
CSS:
HTML:
De désactiver le réglage par défaut peut vous permettre un peu plus de liberté - donner votre sélectionnez une classe, au sein de cette catégorie, utilisez les éléments suivants:
puis ajouter dans votre style par défaut
Vous pouvez donner du style à la balise select comme ceci ou vous pouvez utiliser un nom de classe ou l'id ainsi
spécification html5 ne fournit pas de générique des propriétés de style pour personnaliser cette saisie de l'utilisateur de l'élément de contrôle. le seul moyen trouvé sur le net a l'aide de l'élément label de référence de ce contrôle pour le style de but
Selon ces bootstrap personnes
select
de la balise avec le Bootstrap de.inputGroup
classe.