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!

26
demandé sur Flip 2012-10-15 13:54:37

3 réponses

Essayer avec padding et line-height -

input[type="text"]{ padding: 20px 10px; line-height: 28px; }
36
répondu Dipak 2012-10-15 09:59:37

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...

2
répondu danwellman 2017-12-21 13:53:22

Vous utilisez ce code de style

.heighttext{
 float:right;
 height:30px;
 width:70px;
 }
0
répondu Saeed Py 2012-10-15 10:00:59