Comment appliquer le CSS à une boîte de sélection Mac Chrome?
Peu importe ce que je fais, avec Mac OSX 10.9.2 et Chrome Version 33.0.1750.152, padding, background-color, rien ne fonctionne. Je veux vraiment juste appliquer un padding-top et un padding-bottom de 5px sur un élément select, fonctionne partout avec Chrome sur un MAC OSX. Ce qui donne? Comment faire cela globalement sur toutes les plateformes?
Vous devez appliquer -webkit-appearance:none; lors de l'ajout de CSS pour sélectionner des éléments dans les navigateurs Webkit.
Il y a une meilleure option pour réaliser un design naturel:
height:30px;
background:#ffffff;
p.s
La réponse de Vector cache les flèches du côté droit.
Ajoutez la propriété suivante à votre sélection dans votre fichier css:
-webkit-appearance:none;
Si vous utilisez bootstrap, vous pouvez ajouter la classe custom-select:
<select class="form-control custom-select">
Après l'avoir ajouté, vous pourrez éventuellement ajuster la hauteur en ajoutant la propriété line-height à css:
select {
line-height: 1.3;
}
https://getbootstrap.com/docs/4.1/components/input-group/#custom-select