スクロールバーの色を変えるとき
-
0 名前： 春野 ： 2005/10/18 20:07
- スクロールバーの色を変えたいのですが、
フォームの色は変わったのにページ全体の色が変わりません！
↓
body { scrollbar-base-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-face-color: #009900;
scrollbar-shadow-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
}
もし分かる方がいらっしゃったら教えて下さい。
-
1 名前： 愛浦憂馬 ： 2005/10/18 20:07 ［URL］
- ページ全体の色とスクロールバーの色
どちらを変えたいのですか？
-
2 名前： 春野 ： 2005/10/18 20:07
- スイマセン、書き方が悪かったです。
スクロールバーの方です。
フォームのスクロールバーしか色が変わらなかったんです。
-
3 名前： 愛浦憂馬 ： 2005/10/18 20:07 ［URL］
- ＵＲＬかページ全体の記述を見せてください。
-
4 名前： 春野 ： 2005/10/18 20:07
- 大変長いのですが・・・
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<!--made by Degital Lovers Banquet http://dlbanquetld.hp.infoseek.co.jp/--><html>
<head>
<title>Top</title>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<style type="text/css">
<!--
body { scrollbar-base-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-face-color: #009900;
scrollbar-shadow-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;}
--></style></head>
<meta http-equiv="adimage" content="200">
<body>
<table width="600" height="*" border="0" cellpadding="0" cellspacing="0">
<TEXTAREA cols="50" rows="7" name="kousin" readonly>
</TEXTAREA>
</tr></td>
</table>
</body>
</html>
余計なタグもあると思いますがお願いします。
-
5 名前： 愛浦憂馬 ： 2005/10/18 20:07 ［URL］
- "http://www.w3.org/TR/html4/loose.dtd"
が邪魔してるようです
-
6 名前： 春野 ： 2005/10/18 20:07
- ありがとうございます。直りました。
テンプレートは借りてきたものだったので、
よく分からずに貼ってしまっていました。
何度もありがとうございした。
-
7 名前： naka@sukiero ： 2005/10/18 20:07
- >>5
> 邪魔してるようです
って、そんな回答無いでしょ。
現状 body に対して設定されていますので、html に変更してください。
html { scrollbar-base-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-face-color: #009900;
scrollbar-shadow-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;}
あるいは、両方に設定されても宜しいかと。
html,body { scrollbar-base-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-face-color: #009900;
scrollbar-shadow-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;}
配布されているテンプレをご利用されているようですので、
安易にDOCTYPE 宣言を変更すると他のCSS設定で不具合が出る場合もあります。
