Comment définir la hauteur d'un champ d'entrée (Texte) en CSS?
Désolé pour cette question mais je n'arrive pas à trouver de réponse nulle part. J'ai du code CSS qui devrait définir la hauteur de ma zone de texte. J'utilise VS2010 Express pour Windows phone, codant en HTML/CSS / Javascript / C#.
HTML
<input class="heighttext" type="text" id="name">
CSS
.heighttext{
height:30px
}
Je peux définir la hauteur à tout ce que j'aime, mais la zone de texte restera la même! S'il vous plaît aider ou au moins m'envoyer un lien qui peut!
3 réponses
Essayer avec padding
et line-height
-
input[type="text"]{ padding: 20px 10px; line-height: 28px; }
Les contrôles de formulaire sont notoirement difficiles à styliser multi-plateforme/navigateur. Certains navigateurs honoreront une règle CSS height
, d'autres non.
, Vous pouvez essayer de line-height
(peut-être besoin display:block;
ou display:inline-block;
) ou top
et bottom padding
aussi. Si aucun de ceux - ci ne fonctionne, c'est à peu près tout-utilisez un graphique, positionnez le input
au centre et définissez border:none;
de sorte que ressemble à comme si le contrôle de formulaire était grand mais ce n'est pas le cas...
Vous utilisez ce code de style
.heighttext{
float:right;
height:30px;
width:70px;
}