こんばんは、とあるホームページのテンプレート配布サイトから
トップページのテンプレートをDLしました。
規約にはカスタマイズや加工は自由にしてもいいとのことで
自分で色々書き換えていたのですが、スクロールバーの色変えだけが上手くいきません。
そのテンプレート自体はベースの構造を同梱されていた外部ファイルにリンクしていたので、その中身を覗いてみたのですが
スクロールバーに関する記述はあまりよくわからなかったです。
そこで直接指定しようと思い、トップページのソース<HEAD></HEAD>の間に
<STYLE type="text/css">
<!--
scrollbar-face-color:#ffffff;
scrollbar-highlight-color: #C0C0C0;
scrollbar-shadow-color: #C0C0C0;
scrollbar-3dlight-color: #ffffff;
scrollbar-arrow-color: #C0C0C0;
scrollbar-track-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
}
-->
</style>
と入れたんですが、上手くいきません。今まで一から手打ちでHPを作っていた時はこの方法でいけたのですが…。
OSはXPでIE6で見ています。
No.4ベストアンサー
- 回答日時:
外部CSSにすでにbodyというセレクタが存在してます。
これとなんらかの形で干渉してるのかどうか分かりませんが、
タイプセレクタ(body)ではなくユニバーサルセレクタで適応させてみては?
例
<STYLE type="text/css">
*{
scrollbar-face-color:#ffffff;
scrollbar-highlight-color: #C0C0C0;
scrollbar-shadow-color: #C0C0C0;
scrollbar-3dlight-color: #ffffff;
scrollbar-arrow-color: #C0C0C0;
scrollbar-track-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
}
</style>
IE8で見ています。
IE6は未検証。
No.3
- 回答日時:
ちょっと詳しくはわかりませんね・・・
気になる情報として、dtd宣言によってscrollbar関係のcssが適用されない場合があるかもしれないというものがありました。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …
xhtml内の上記のdtd宣言を
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
これに書き換えてみてください。
テストしていないのでデザインが崩れる可能性はありますが、もしかしたらこれで反映されるかもしれないです。
書き換えてみましたが、特に変化はありませんでした。
デザインが崩れるなどはなかったです。
でも丁寧にアドバイスありがとうございました!
このようなこともあるのだと覚えておきたいと思います。
No.2
- 回答日時:
cssが変です。
body,html {←この部分が無いようす
プロパティ:値;
・
・
}
みたいにする必要があります。
この回答への補足
回答ありがとうございます。
タグのソースが書いてあるサイト様などから
<style type="text/css">
body {
scrollbar-face-color:#ffffff;
scrollbar-highlight-color: #C0C0C0;
scrollbar-shadow-color: #C0C0C0;
scrollbar-3dlight-color: #ffffff;
scrollbar-arrow-color: #C0C0C0;
scrollbar-track-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
}
</style>
こちらも試してみたのですが、反映されません…。
No.1
- 回答日時:
コメントアウトが原因かもしれません。
dtd宣言がxhtmlの場合、style内でもコメントアウトは機能してしまいます。
この回答への補足
回答ありがとうございます。
確かにもう一度ソースを見ると最初に
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
と宣言されてました。
今までHTMLしか扱ったことがないのですが、
この場合スクロールバーの色変えはどうやればいいのでしょうか?
参考になるかわかりませんが
下記の配布サイト様でDLしてきました。
http://www.coolwebwindow.com/
template→個人向け→No.2のテンプレートです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS <!DOCTYPE html> <html> <head> <meta charset="utf-8 2 2023/01/05 01:04
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- HTML・CSS HTML & CSS 縦ボックス内の文字の左右センタリング 3 2023/03/25 04:23
- HTML・CSS (Javascript)印刷するファイルに応じて印刷プレビュー画面で用紙を自動的に切り替えたい!! 2 2022/04/11 12:04
- HTML・CSS htmltとcssの連携をして画像縮小について 1 2022/11/15 20:32
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS HTMLで特定の文字だけ色を変えたいのですが、指定した色と違う色が反映してしまいます。 下記、「前」 5 2023/06/27 12:08
- HTML・CSS プログラムの関連性を教えて下さい。 1 2023/07/19 03:50
- CGI perlで書いたcgiでsqliteの使い方を教えてください 2 2023/05/08 21:29
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
CSSの[]について
-
idの中のid指定
-
liリストタグの背景色に色がつ...
-
HTML要素のid/class名の長さに...
-
最近、HTMLのヘッダーをIDで定...
-
表を作りたい・・
-
HTML&CSSについて質問です。 Ht...
-
html5,css3について
-
CSSに同じclass名がいっぱい‥。...
-
個別にリンクの色を変える方法
-
CSSのクラス名・ID名の指定でワ...
-
htmlの文字が縦書きになる
-
【ヒトの神秘】美男美女から何...
-
C言語線形リストの問題です
-
widthやheightの数値に単位(px...
-
<h1>、<h2>と<p><div>の行間を...
-
レスポンシブサイトで、右側に...
-
<li>の黒い点を消したい。
-
<div id="container">の使いか...
-
アコーディオンメニューがかく...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
個別にリンクの色を変える方法
-
CSSに同じclass名がいっぱい‥。...
-
HTML要素のid/class名の長さに...
-
idの中のid指定
-
最近、HTMLのヘッダーをIDで定...
-
サイトにjQueryが使用されてい...
-
liリストタグの背景色に色がつ...
-
CSSのホバーエフェクト
-
ページの左右の余白(枠外)に...
-
CSS, リンクの色を一部変えるに...
-
スタイルシートで、id属性の中...
-
htmlのid属性って必要なの?
-
透過背景を解除するにはどうす...
-
外部css定義したclassをht...
-
<span>で2重にかけているものを...
-
CSSのクラス名・ID名の指定でワ...
-
子孫セレクタの読み方をおしえ...
-
Bootstrap3でcontainerがずれる...
-
CSSが効かずどのように指定すれ...
-
brにクラスをつけてcssでdispla...
おすすめ情報