タグの絵本
＞
CSS
＞ テキストエリア内のスクロールバーのデザインを統一して指定する
■テキストエリア内のスクロールバーのデザインを統一して指定する
・使用するCSS
textarea {
scrollbar-dark-shadow-color:#000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-3d-light-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-base-color: #000000;
}
補足≫
カラーコード生成は
こちら
・説明
CSSを使用し、スクロールバーを自分の好きなようにデザインできます。
どこのコードがどこの色に対応しているかは言葉がなく説明できないので適当にいじって見てください
こちらで
スクロールバーテンプレート
もご用意しましたのでご活用下さい。
・使用例
ソース （テスト書き込み可）
<html> <head> <title>あなたのホームページ</title> <style type="text/css"> <!-- textarea { scrollbar-arrow-color: #84BBD7; scrollbar-face-color: #C3EBFF; scrollbar-3dlight-color: #84BBD7; scrollbar-darkshadow-color: #84BBD7; scrollbar-highlight-color: #C3EBFF; scrollbar-shadow-color: #C3EBFF; } --> </style> </head> <body> <FORM> <TEXTAREA rows="15" cols="35"> ホームページ作成中。頑張ります！ 解り易いよう行数を増やしてます 下までスクロールしてみて下さい ここまで </TEXTAREA> </FORM> </body> </html>
あなたのホームページ Internet Explorer
ファイル(F) 編集(E) 表示(V) お気に入り(A) ツール(T) ヘルプ(H)
ホームページ作成中。頑張ります！ 解り易いよう行数を増やしてます 下までスクロールしてみて下さい ここまで
Copyright (C) 2006 タグの絵本 All rights reserved.
→
index
あなたのホームページ Internet
Explorer