• 締切済み

スクロールバーの色を変更

サイトのTOPでスクロールバーの色の変更をして、それは出来たのですが… TOPに更新履歴を表示するテキストエリアボックスのスクロールバーまで色が変わってしまいます。 ここに関しては通常の青いスクロールバーにしたいのですが、どうすればいいのか分かりません…。 スクロールバーの色の変更は<HEAD>内にこれを使いました。 <style type="text/css"> <!-- body { scrollbar-arrow-color:#000; scrollbar-face-color:#90eeaa; scrollbar-highlight-color:#fff; scrollbar-3dlight-color:#000; scrollbar-track-color:#fff; scrollbar-shadow-color:#000; scrollbar-darkshadow-color:#fff; } --> </style>

みんなの回答

  • goldfox
  • ベストアンサー率49% (123/249)
回答No.4

<TEXTAREA rows="3" cols="100"> 文章 </TEXTAREA> cols="" 入力フィールドの横幅を数値で指定 rows="" 入力フィールドの高さを数値(行数)で指定 http://www.tagindex.com/html_tag/form/textarea.html スタイルシートでwidth:/*幅*/;height:/*高さ*/;でも指定できます。 http://www.tagindex.com/stylesheet/form/width_height.html

na-na228
質問者

補足

出来ました☆ありがとうございます!! 親切に本当助かりました!!

すると、全ての回答が全文表示されます。
  • goldfox
  • ベストアンサー率49% (123/249)
回答No.3

> これを通常の青いものにするには、どうしたらいいのでしょうか… ?? 色はデフォルト(通常の青いもの)に変更できたんですよね? スクロールバーをなくしたいなら、 overflow:hidden; /* スクロールバー非表示指定 */ を textarea{} に付け足せば消せますよ。

na-na228
質問者

補足

<style type="text/css"> <!-- body { scrollbar-arrow-color:#000000; scrollbar-face-color:#90eeaa; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#000000; scrollbar-track-color:#ffffff; scrollbar-shadow-color:#000000; scrollbar-darkshadow-color:#ffffff; } textarea { scrollbar-arrow-color:transparent; scrollbar-face-color:transparent; scrollbar-highlight-color:transparent; scrollbar-3dlight-color:transparent; scrollbar-track-color:transparent; scrollbar-shadow-color:transparent; scrollbar-darkshadow-color:transparent; } --> </style></head> <body> <form><textarea> </textarea></form> </body> この場合テキストエリアのサイズを変える場合どこに入れたらいいんですか?

すると、全ての回答が全文表示されます。
  • goldfox
  • ベストアンサー率49% (123/249)
回答No.2

textareaのセレクタで それぞれのcolor値をtransparentに指定してください。 textarea { scrollbar-arrow-color:transparent; scrollbar-face-color:transparent; scrollbar~

na-na228
質問者

補足

やってみたところ出来ました!!が、更新に使う場合、行数は3行にしかしない為スクロールバーをつけない方がいいことに気づきました…(泣) でもテキストエリアのみにしてみても、下げる矢印?右の上下にあるものまで色が変わってしまします。 これを通常の青いものにするには、どうしたらいいのでしょうか… <BODY> <FORM> <TEXTAREA rows="3" cols="100"> 文章 </TEXTAREA> </FORM> </BODY>

すると、全ての回答が全文表示されます。
  • cccat00
  • ベストアンサー率0% (0/0)
回答No.1

フォーム内にテキストエリアを作成して、そのテキストエリアのスクロールバーの色を変えたいということでよろしいでしょうか。 スタイルタグ内の"body"指定と同様に、"textarea"を指定すればよろしいかと思います。 以下のように作成して確認したところ、色を変えることができました。 <head> <style type="text/css"> <!-- body { scrollbar-arrow-color:#000000; scrollbar-face-color:#90eeaa; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#000000; scrollbar-track-color:#ffffff; scrollbar-shadow-color:#000000; scrollbar-darkshadow-color:#ffffff; } textarea { scrollbar-arrow-color:#000000; scrollbar-face-color:blue; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:blue; scrollbar-track-color:#ffffff; scrollbar-shadow-color:#blue; scrollbar-darkshadow-color:#ffffff; } --> </style></head> <body> <form><textarea> text </textarea></form> </body>

na-na228
質問者

補足

スクロールバー自体を変えたいので色を変えるという方法は… テキストエリアのスクロールバーは、このページにもあるようなスクロールバーにしたいのです(泣)

すると、全ての回答が全文表示されます。

関連するQ&A