9

テキストエリアにパディングを設定すると、最初の外観で問題なく動作します。しかし、テキストエリアの高さを超えるコンテンツを入力すると (スクローラーが表示され始めたとき)、パディングボトムが存在しなくなります。これを修正する方法はありますか?デフォルトの動作のようです。ここで非常に基本的な例を見ることができます: http://jsfiddle.net/corinne/LKkky/ PS. 使用ブラウザはChromeです。PS2。Firefoxで試してみたところ、実際にはパディングが残ります。

4

4 に答える 4

4

Chrome、Safari、および Internet Explorer は、テキスト領域のパディングを Firefox および Opera とは異なる方法でレンダリングします。テキストエリアを正しくレンダリングしないのはどれですか? それはあなたが達成しようとしているものに依存します。実際には、それらのどれも間違ってレンダリングすることはなく、仕様をどのように解釈したかによってすべてパディングが追加されるからです。

この「問題」を解決する CSS プロパティはないため、この「問題」を回避できる唯一の方法は、コンテナ要素をテキストエリアに追加し、代わりにパディングを与えることです。

于 2012-10-03T14:27:11.407 に答える
1

実際、それはまだ存在します。テキストボックスのコンテンツが入力されたときに余分な 20 ピクセルのパディングを表示するには、下にスクロールする必要があります。overflow : hiddenをお勧めします。

于 2012-10-03T13:58:00.813 に答える
1

問題は、そのようなタグ内のどこかに回避する必要がある改行があることであるためfont-size: 0;、タグにスタイルを割り当てることができます。form

それを行った後、コンテンツを持つコンポーネント、最も単純なケースではテキスト領域に正しいフォントサイズを割り当てる必要があります。

于 2013-10-02T14:05:21.657 に答える