Mozilla 3.0.8とChromeの高さに関するemの回避策

css firefox google-chrome mozilla textarea

_div_の中に_textarea_があります。

…​and CSS:

#textareawrapper {border 1pxピンクの破線;マージン:0;パディング:0;位置:絶対、下:0em、左:7.5em、右:7.5em、高さ:7em。 #textareawrapper textarea {マージン:0;パディング:0;幅:100%;高さ:7em;}

IE 7はそれをうまく表現します:_textarea_の高さはラッピング_div_の高さに等しいです。 MozillaとChromeでは、折り返しdivの高さは7emになりますが、textareaの高さが十分ではないため、textareaの下端とdivの下端の間にギャップがあります。 誰かがこれを修正する方法を知っていますか?

  1  2


ベストアンサー

textareaはデフォルトでは異なるフォントを使用しているため、サイズは異なります(emsはテキストサイズに関連するため)。

これを追加:

#textareawrapper textarea {フォントサイズ:100%; font-family:継承します。 }

テスト済み

4


タイトルとURLをコピーしました