パディングをテキストエリアに設定すると、最初の外観では問題なく動作します。 しかし、テキストエリアの高さを超えてコンテンツを入力すると(スクロールバーの表示が始まると)、パディングボトムが存在しなくなります。 これを修正する方法はありますか?これはデフォルトの動作であるようです。 ここでは非常に基本的な例を見ることができます:http://jsfiddle.net/corinne/LKkky/ PS。使用されるブラウザはChromeです。 PS2。ちょうどFirefoxで試して、実際にはパディングはそのままです。テキストエリアのパディングボトムは考慮されていません
答えて
Chrome、Safari、Internet Explorerは、FirefoxとOperaとは異なる方法でテキストエリアのパディングをレンダリングします。これらのうちのどれがテキストエリアを正しく表示しないのですか?実際にはどれもそれを間違ってレンダリングしていないので、すべてが仕様をどのように解釈しているかということになります。
この「問題」を解決するCSSプロパティはありません。この「問題」を回避する唯一の方法は、テキストエリアにコンテナエレメントを追加し、その代わりにパディングを与えることです。
実際はまだ存在しますが、テキストボックスの内容が入力されたときに余分な20ピクセルのパディングを表示するには、スクロールダウンする必要があります。オーバーフローが表示されることがあります:hidden。
はい、そうです。しかしオーバーフロー:hiddenはスクロールバーを隠すだけです。そして、実際には、問題は変わらない、私はまだパディングを参照するためにブラウズする必要があります。 – Corinne
私はjsfiddleクロムでテストしました。コンテンツがパディングレベルまで満たされ、次のラインまで満たされると、フォーカスが下がり、パディングが下に残っていましたが、上から切り落とされました。私はユーザーmdkがあなたのために最高のソリューションを持っていると信じています。この質問をお寄せいただきありがとうございます。 –
'overflow-x:hidden'は私のために働き、垂直スクロールバーはまだ利用可能です – andreymal
form
タグにスタイルfont-size: 0;
を割り当てることができます。これは、そのようなタグの内側に新しいラインがあり、回避する必要があるためです。
これを実行した後、内容が最も単純な場合はテキスト領域のコンポーネントに正しいfont-sizeを割り当てる必要があります。
- 1. PHP MySQL - Charsetは考慮されていません
- 2. TargetApiは考慮されていません
- 3. 疑問符DQLは考慮されていませんか?
- 4. Wordpressのget_search_form()は、パラメータを考慮に入れていません。
- 5. 生成されたコードがmavenコンパイルプロセスで考慮されていません
- 6. ソナーC#のプラグインが100%カバーされたファイルは考慮していません
- 7. SQL Serverのフルテキストでは、先行ゼロが考慮されていません
- 8. mavenは変更されたpomファイルを考慮しません
- 9. GoogleカレンダーAPI:TimeZoneはGoogleサーバーで考慮されていませんか?
- 10. クロムは入力のボックスサイズを考慮していません
- 11. Maven EclipseプラグインはMavenフェイルセーフプラグインを考慮していませんか?
- 12. Firefox getBoundingClientRect()は変換を考慮していません
- 13. Pythonはdistutils.cfgを考慮していません
- 14. Encoding.UTF8.GetStringはプリアンブル/ BOMを考慮していません
- 15. ローカライズされたnibファイルはローカライズされたイメージを考慮しません
- 16. Docker apache2は新しい000-default.confを考慮しません
- 17. 経験値からレベルを取得する - レベルは考慮されません
- 18. .NET Convert.ChangeTypeからstring to DateTimeはタイムゾーンを考慮していませんか?
- 19. Rails夏時間がDateTime.strptimeを使用していると考慮されていません
- 20. solr要求ハンドラはデフォルトパラメータを考慮しません
- 21. UIViewアニメーションは遅延を考慮しませんか?
- 22. PreparedStatementはWHERE句のいくつかの条件を考慮に入れていませんか?
- 23. PBS(トルク)は、4つのプロセッサとしてクアッドコアプロセッサを考慮しません。
- 24. デザインの考慮
- 25. QUERY_STRINGクエリは考慮
- 26. will_paginate WillPaginate :: ViewHelpers.pagination_options [:renderer]を考慮しません
- 27. Mysql - なぜANDは考慮されていないのですか?
- 28. アーキテクチャの考慮点
- 29. パフォーマンスの考慮 - C#
- 30. SQL 2005データベースチューニングアドバイザはインデックスのコストを考慮していますか?
はい、回避できません。 div内にtextareaを入れ、divをスタイルし、textareaとet voilaから枠線を削除します。 –
パディングはまだありますが、入力するとスクロール可能な領域の下に落とされます。ページにスクロールバーがある場合は、スクロールするdivがある場合でも本文の場合でも同じです。 –
Firefox 8.0を使用していますが、どこに問題があるのかわかりません。どのくらいのテキストを入力しても、常にパディングがあります。だから多分それはあなたが使用しているブラウザに固有です。 – Shadowxvii