Comment puis-je augmenter la hauteur d'un champ de saisie, de sorte que l'espace réservé de texte est affiché dans la zone de saisie de HTML5

Je veux augmenter la taille de la zone de saisie donc mon texte de l'espace réservé enveloppements et est entièrement visible à lire. Cependant, mon css ne semble pas être travail! Des idées??

Voici le html5 pour le nom de l'écran

<tr>
    <th class='row_header requiredfield'>Screen Name*</th>
    <td><input class="large_width tall_height" id="screen_name" type="text" name="screenname" value="{{screenname}}" placeholder="Put in a name others can understand if you don't want to use your actual name."/>
    </td>
</tr>

Voici le CSS:

.large_width {
    width:250px;
    height: 25px;
}   

.tall_height {
    height: 50px;
}

input {
    font-size: 14px;
    font-family: "Helvetica Neue";
}

input[placeholder] {
    font-size: 11px;
}
u peut ajouter du Code HTML ?

OriginalL'auteur user1769203 | 2013-07-12

  1. 4

    Faire hauteur de l'entrée et de la hauteur de la ligne de l'espace réservé de même.
    Par Exemple

    CSS:

    .input-class
{
  height:30px;
}

.input-class[placeholder]
{
  line-height:30px;
  font-size:22px;
}
    mais j'ai d'autres champs d'entrée dans le modèle que je ne veux pas à la hauteur --- d'une autre manière?
    Maintenant, j'ai édité avec classe particulière de la valeur. Donner de la classe à l'entrée comme ceci <input class="input-classe">
    22pt? vouliez-vous dire px là? En général à l'aide de pt pour autre chose qu'une impression de la feuille de style est un grand sac de mal.
    ya désolé c'est px

    OriginalL'auteur Hardik Sondagar

  2. 2

    peut-être quelque chose comme ça?

    http://jsfiddle.net/nXWfM/

    .place {
    height:30px; }

.place[placeholder] {
    font-size:22px; }

    il suffit de régler la hauteur de l'entrée

    OriginalL'auteur erdimeola

  3. 0

    Comment Augmenter l'espace Réservé/Champ de Saisie de la Hauteur et la largeur en CSS3
    J'ai aussi le même problème est arrivé maintenant j'ai résolu cette Question en suit un code simple pour augmenter la hauteur&largeur de l'espace réservé/champ de saisie

    input{
height: 25 p x; <!--here height number is how much u want height u will putthat number-->
width: 180 p x; <!--here width number is how much u want width u will put that number-->

    padding:0 10px;
    }
    Le code ci-dessus 100% fonctionne
    merci u have a nice day

    OriginalL'auteur mule divyaswapna