2 votes

Agrandir la hauteur de la ligne de sélection

Je suis en train de créer une interface tactile et j'ai besoin d'agrandir le formulaire de sélection (afin de rendre les lignes plus faciles à toucher avec le doigt lourd). Existe-t-il un autre moyen d'agrandir les lignes de sélection sans agrandir la police du texte ? Je sais que la sélection est très limitée, et vous pourriez suggérer d'utiliser une approche différente. J'en suis conscient. Je suis simplement curieux de savoir s'il existe un moyen d'agrandir la ligne sans agrandir la police du texte. =)

Sur l'image ci-dessous, j'ai

font-size: 20px;

enter image description here

Et je préférerais qu'il soit autour de 14-16, mais alors les rangées seraient plutôt difficiles à atteindre sur un écran tactile.

Code css complet du menu déroulant ci-dessous

.styledDropDown select{
    background: transparent;
    width: 200px;
    padding: 5px;
    font-size: 20px;
    border: 0px;
    height: 31px;
    -webkit-appearance: none;
    outline: none;
}

.styledDropDown{
    float:right;
    width: 200px;
    height: 31px;
    background:url(../images/bedview/dropDown.png) no-repeat;

}

Je n'ai pu modifier que la couleur de l'arrière-plan et la couleur de la police, mais pas le remplissage.

option { 
background-color:#ddd; /*Works*/
margin:20px; /*don't work*/
padding:20px; /*Don't work*/
}

Editer cela fonctionne dans Internet Explorer mais je veux que cela fonctionne dans chrome :/

0voto

Larsenal Points 17080

Pour autant que je sache, Chrome ne prend pas en charge l'attribution de styles aux options. Désolé.

0voto

Huangism Points 7258

Eh bien, si tu n'en as besoin que pour le chrome

Vous pouvez essayer quelque chose comme

http://jsfiddle.net/nyd69/3/

Évidemment, ce n'est pas le meilleur résultat, mais c'est le meilleur que j'ai obtenu.

select {
    padding: 10px;
    font-size: 30px;
    -webkit-appearance: button;
}

0voto

Khanh Tran Points 317

J'utilise <select> et c'est bon.
Essayez de modifier width y height en CSS pour voir les changements. J'ai testé dans FF mais pas dans Chrome.
Pouvez-vous vérifier ceci lien vers le violon si c'est bon ou pas ?
Merci.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X