input.placeholder text、vertical-alingプロパティ

Question

プレースホルダテキストのスタイルを設定しようとしていますが、プレースホルダテキストを上に置いておきたいと思います。現在その真ん中に座っている。パディングプロパティは機能しますが、余白はありません。テキスト揃えプロパティは機能し、縦揃えは機能しません。これには理由がありますか？

input[type="textarea"]::-webkit-input-placeholder { 
 
    padding: 10px; 
 
} 
 
input[type="textarea"]:-moz-placeholder { 
 
    /* Firefox 18- */ 
 
    padding: 10px; 
 
} 
 
input[type="textarea"]::-moz-placeholder { 
 
    /* Firefox 19+ */ 
 
    padding: 10px; 
 
} 
 
input[type="textarea"]:-ms-input-placeholder { 
 
    padding: 10px; 
 
}

<div class="description"> 
 
    <label>Description</label> 
 
    <input type="textarea" placeholder="Description"></input> 
 
</div>

Answer 1

テキストエリアには、このように定義されています

<div class="description"> 
 
    <label>Description</label> 
 
    <textarea placeholder="Describe yourself here..." rows="4" cols="50" ></textarea> 
 
</div>