2011-06-28 1 views
1

私のウェブページにはテキストエリアがあります。さまざまなブラウザで異なる表示をします。私は、さまざまなブラウザでどのように見えるのか心配していません。 Firefoxのようないくつかのブラウザでは、私はそこに欲しくないドラッグ可能なコーナーがあります。これを "切り換える"方法がありますか?私はcolsとrowsプロパティを使ってtextareaのサイズを設定します。特定のブラウザでTextareaがドラッグ可能です

私が使用しているdoctypeは厳格です。

答えて

4

textarea {resize:none} CSSスタイルを追加してください。 horizontal,verticalまたはbothを値として使用することもできます。

+0

私はそれを実際に使ったことがないので、チェックするのは面倒ではありませんでしたが、はい、CSS3と思われます。 –

+0

@Marek:あなたのユーザーがあなたのデザインの境界線の外にテキストエリアをドラッグするとどうしますか?それは恐ろしいね。 –

+0

このコメントで私に返信するつもりですか?しかし、私はe-satisに同意します - ユーザーがそれを行うならば何が重要ですか?ユーザーの意識的な意思決定であり、デザインが理想的ではないと思うでしょう。 –

5

ここでは欲しくないかもしれませんが、私はここでそれをしたいと思います。テキストエリアのサイズを変更したり、フォントを変更したり、ページをズームしたり、スクロールしたりできます。

あなたのウェブサイトでブラウザを使用する方法を教えてはいけません。

あなたのデザインを壊す恐れがある場合は、リラックスしてください。僕らはそのことを知っている。誰もウェブサイトがあらゆる状況で動くことを期待していません。ドラッグハンドラを使用するとき、私は寛大さを得るためにそれを行い、このためにデザインを破ることを認めます。

ユーザーが使用しているクライアントを制御することはできません。 resize:noneを使用できるかもしれませんが、それをバイパスするfirefox、chrome、grease monkeyの拡張機能があります。

親指のルール:美しいデザインを作成し、人々がページを使用する方法を決めることを忘れてしまいます。これは、実際にクライアントに手を携えているデスクトップの人々が行うことです。ここでは、私たちが望むようにあなたのコードを解釈しません。