2013-03-20 3 views
0

J'utilise bootstrap dans une application Ruby on Rails. J'utilise Firefox. Je trouve que la hauteur du champ déroulant (étiquette de sélection) est trop petite. Cependant la hauteur des champs de texte est appropriée. J'avais trop ajouter le code ci-dessous pour application.css pour le fixer:Twitter Bootstrap - Hauteur de la dropdown trop petite

select { 
height: 38px !important; 
} 

maintenant déroulante affiche son contenu bien que sa hauteur totale (boîte) est un peu plus grand que les champs de texte. Existe-t-il une façon plus simple de résoudre le problème?

+0

Pouvez-vous recréer votre problème dans un jsfiddle.net? Je n'ai jamais rencontré ce problème avec Bootstrap auparavant. Les entrées et les sélections par défaut correspondent généralement. –

Répondre

1

J'ai trouvé plus approprié de supprimer le style de application.scss et de modifier app/assets/stylesheets/custom.css.scss à la place. custom.css.scss est généré par Bootstrap. Le remplissage de tous les éléments FORM a été défini sur 10px dans ce fichier. J'ai placé le remplissage pour l'élément SELECT à 2px et laissé le reste intact.

Questions connexes