重要なお知らせ

「教えて! goo」は2025年9月17日(水)をもちまして、サービスを終了いたします。詳細はこちら＞

電子書籍の厳選無料作品が豊富！

TEXTAREAのスクロールバーを消したいのですが

解決済

  • 質問者：MJane
  • 質問日時：
  • 回答数：3件

TEXTAREAの大きさに文字数が収まっているうちは、
TEXTAREA内の、縦のスクロールバーが表示されないようにしたいのですが、
そのようにできるのでしょうか？
ご存知の方、教えてください！

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (3件)

No.2ベストアンサー

  • 回答者： steel_gray
  • 回答日時：

スタイルシートでoverflow:autoを設定するだけ大丈夫だと思う。



<style type="text/css">
<!--
textarea {overflow:auto;}
-->
</style>
↑<head>～</head>間に。
    • good
    • 1
    • 件
通報する
この回答へのお礼

steel_gray様
早速、試してみましたら、出来ました！
お陰様で、思っているデザインでページが作れます。
助かりました。
ご回答ありがとうございました！

通報する
お礼日時：2005/02/07 22:37

No.3

  • 回答者： BLUEPIXY
  • 回答日時：

＃２の方の言われる通りですね。

恥ずかし（≧×≦）
＃１は忘れて下さい
<textarea ID="TEXT" cols="80" rows="10" style="overflow:auto">
でいいですね。
    • good
    • 0
    • 件
通報する
この回答へのお礼

BLUEPIXY様
こちらも、試してみました。
コチラの方法ですと、
TEXTAREA毎に設定できるという事ですね。
必要に応じて使い分けたいと思います。
助かりました！
#1も、私にとっては目からウロコです。
ご回答ありがとうございました。

通報する
お礼日時：2005/02/07 22:50

No.1

  • 回答者： BLUEPIXY
  • 回答日時：

多分ＩＥのみ


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=SHIFT_JIS">
<script language="JavaScript">
<!--
window.document.onkeypress=lineCheck;
function lineCheck(){
var ta=document.getElementById("TEXT");
var row=ta.getAttribute("rows");
var r=(ta.value.split("\n")).length;
ta.style.overflow=(r>=row)?"auto":"hidden";
}
//-->
</script>
<title>スクロールバーの表示をコントロールする</title>
</head>
<body>
<h1>表示できる行数を超えたらスクロールバーを表示する</h1>
<textarea ID="TEXT" cols="80" rows="10" style="overflow:hidden">
</textarea>
</body>
</html>
    • good
    • 0
    • 件
通報する

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報