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;
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 :/