CSS, écraser la hauteur de toutes les sélectionner des listes déroulantes?

comment aurais-je de référence, afin que je puisse remplacer, toutes les listes de sélection afin que je puisse remplacer la valeur par défaut de la hauteur? Je suis familier quand je créer des éléments à l'aide d'une classe, mais im pas sûr de cela?

InformationsquelleAutor Tom | 2010-08-13
  1. 14

    100% JS solution (avec jquery)

    $("select").height("120px");

    100% JS solution (sans jquery)

    var selects = document.getElementsByTagName("select");
for(i = 0;i < selects.length; i++) {
    selects[i].style.height = "120px";
}

    100% CSS solution

    select {
    height: 100px !important;
}
    • !important remplace tous, et défait le sens de "par défaut" que la personne dit.
    • la question, demandez à remplacer. Ecraser toujours modifier la valeur par défaut.....
    • .. excellente réponse! +1
    InformationsquelleAutor Topera
  2. 1

    Tu veux dire que le menu qui s'affiche lors de descendre un natif select élément?

    Je ne pense pas que vous pouvez influencer à tous, c'est entièrement de la navigateur.

    Ce que vous pourriez être en mesure d'influencer - il devrait fonctionner dans tous les navigateurs actuels - est de la select lui-même:

    select { height: .... }

    ou chaque option (Devrait fonctionner dans Firefox; l'irrégularité de soutien contraire)

    select option { height: .... }
    InformationsquelleAutor Pekka 웃
  3. 1

    Cela devrait faire l'affaire:

    sélectionnez { height: 60px; }

    Remplacer 60 à la hauteur souhaitée.

    InformationsquelleAutor Delan Azabani
  4. 1

    Essayez ceci:

    select {height:100px;}
    • ouais, c'est trop tôt...
    InformationsquelleAutor
  5. 0

    La meilleure façon est de donner une classe sur votre élément select. <select name="nameforyourselect" class="myclass"></select>

    Ensuite sur votre css régler la hauteur, par exemple .myclass{height:30px;} cela donnera de la hauteur 30px sur tous les éléments avec le nom de la classe maclasse. Je vous suggère de cette façon, parce que vous voudrez peut-être créer un autre élément select avec une autre hauteur. Donc, vous venez de définir d'autres classe à ce sujet et de le définir dans votre css.

    InformationsquelleAutor Sotiris
  6. 0

    100 % de travail dans mon scenerio .. 

    <select onfocus='this.size=10;' onblur='this.size=1;' 
        onchange='this.size=1; this.blur();'>
    InformationsquelleAutor Junaid Zaheer
  7. 0

    Vous pouvez facilement le faire en utilisant le css utiliser la hauteur de la ligne et de la taille de police.

    select {
    line-height: 1em;
    font-size: 14px;
}
    InformationsquelleAutor umair