テキストエリアの塗りつぶしテーブルセルを作成する

Question

私は知っているので、同様の質問がありますが、答えは私にとってはうまくいかないようです。私のテーブルには、複数の行を塗りつぶすセルがあり、テキストエリアがセル全体を埋めるようにします。私が見つけたコードは高さでは機能しません。

CSS

textarea { 
    width: 100%; 
    height: 100%; 
    resize: none; 
    -webkit-box-sizing: border-box; /* <=iOS4, <= Android 2.3 */ 
    -moz-box-sizing: border-box; /* FF1+ */ 
    box-sizing: border-box; /* Chrome, IE8, Opera, Safari 5.1*/ 
} 

フィドル： https://jsfiddle.net/4nkwhLj5/

Answer 1

tdにposition: relativeを追加し、テキストエリアにposition: absoluteを追加することで動作させることができます。

これはフィドルです： https://jsfiddle.net/stefarossi/5Lwhg7mb/2/

あなたは、これが役立つことを願って。

Answer 2

あなたはテーブル表示を使用しているため、100％は、親の行を占めることになります。あなたはあなたが必要とする、フィドルhttps://jsfiddle.net/4nkwhLj5/1/

Answer 3

%の高さのための解決策はありませんを参照してください

height: 126px 

この場合には、設定の高さのより具体的かつテキストエリアにテーブルの高さを追加する必要があります。 （例えば、300ピクセルのための）例えばピクセルサイズと正確な大きさに、私はこのような状況にrowsとcolsを使用しますが、：

<textarea cols="15" rows="10"></textarea> 

列と行のサイズについての詳細情報については：w3schools