it-swarm-ja.com

テキストエリアからスクロールバーを削除する

<textarea>のスクロールバーを常に表示する方法に関する以前の質問( <textarea>にスクロールバーを追加する )に続いて、スクロールバーが表示されないように設定する方法について疑問に思っています。テキストがオーバーフローした場合でも、<textarea>。これで下にスクロールするには、矢印キーまたはマウスを使用してテキストをナビゲートします。

これどうやってするの?

71
user2370460

次のことを試してください。すべてのブラウザーまたは使用しているブラウザーでどちらが機能するかはわかりませんが、すべて試してみることをお勧めします。

<textarea style="overflow:auto"></textarea>

または

<textarea style="overflow:hidden"></textarea>

...上記のように

また、これを追加することもできます。以前は使用したことがなく、今日サイトに投稿したのを見ました。

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

この最後のオプションは、textareaのサイズを変更する機能を削除します。 CSSのresizeプロパティに関する詳細情報を見つけることができます here

115
tinthetub

style="overflow: hidden"style="resize: none"がトリックを行ったものです。

10
Dinder Logic

MS IE 10の場合、おそらく次のことを行う必要があるでしょう。

-ms-overflow-style: none

以下を参照してください。

https://msdn.Microsoft.com/en-us/library/hh771902(v = vs.85).aspx

9
tintinator

たとえば、scrollのクラスをtextareaタグに付けます。そして、CSSでこのプロパティを追加します-

.scroll::-webkit-scrollbar {
   display: none;
 }

スクロール部分を見逃さずに動作しました

6
N V R N SATISH

クラスのmax-height属性を削除することで、テキスト本文のスクロールバーを取り除くことができました。

0
SauerTrout