2017-03-12 3 views
1

私はこのテキストエリアの中に書こうとしています、それは変更された高さです。修正textareaの高さ寸法

パーセント値によって、その内部

を書き込もうとしたときに私の質問は、私は私が順番にPXまたはを使用して、その高さを指定することにより、最初のdivの高さを修正する必要があることを知っているテキストエリアの高さを修正する方法であり、テキストエリアの高さを修正します。

は、私は、これらの属性が、運を試してみました

resize: none; 
display:block; 

、div要素の高さは変更可能であると私はそれのために特定の高さを追加することができないように、それは、複数のテキストエリアのコンテナとして動作することに注意してください

ところで、この問題は、すべての

+0

あなたは 'MAX-height'プロパティを指定することはできますか? –

+0

'textarea'の内部に書き込むと、その高さは変わりますか?その機能について私が最初に聞きました... –

答えて

1

CSSルールresize: none;は、この仕事をしていません。

rows属性で行数のテキストエリアの高さを設定することもできます。

textarea { 
 
    resize: none; 
 
} 
 
textarea.ta10em { 
 
    height: 10em; 
 
}
<div> 
 
    <textarea rows=3>Some text 
 
Second line 
 
Third line</textarea> 
 
</div> 
 
<div> 
 
    <textarea class="ta10em">Some text 
 
Second line</textarea> 
 
</div>

+1

ありがとう@vp_arth、これは助けてくれました。私は%の代わりにemを使っていましたが、私の問題は解決しました。 –

0

が最初に助けてくださいすべてのブラウザ

に起こっています。 htmlにスタイルがないことをご確認くださいcss今まであなたが望むものに

textarea { 
resize: none; 
} 
  • または

    textarea { 
    max-height: 100px; 
    } 
    
  • 変更 "100":全てのテキストエリアに同じ問題

    • を引き起こす可能性があります

      たり、テキストエリアでこれを試してみてください。

      <textarea style="resize:none"></textarea> 
      
    +0

    ありがとう@kakashi、あなたの助けに感謝私のHTMLとCSSをチェックしたが、私はどんな競合も見なかった、私はあなたの解決策を試みたが、テキストエリアはまだ変わる。 –

    関連する問題