firefox3.6で、スクロールバーの色やデザインを変更したいです。
どのページを見ていても常に変更後のデザインを適用したいと思っています。
userchrome.cssを使えばよいのかな、と思ったのですが
設定方法がよく分かりませんでした。
どなたか変更方法をご存知の方教えていただけましたら幸いです。
firefoxのスクロールバーの色変更 - ブラウザ - 教えて!goo
http://oshiete.goo.ne.jp/qa/3042955.html
↑同様の質問を拝見し、試してみたのですがうまくいきませんでした…
想定環境はWindows7とXPです。
意味不明でしたら加筆修正しますのでよろしくお願いします。
No.2ベストアンサー
- 回答日時:
/*スクロールバーとボタンの色(エメラルドグリーン)*/
scrollbarbutton,
thumb {
-moz-appearance:none !important;
background-color:#0e9 !important;
border-top:1px solid #3fc !important;
border-right:1px solid #0a3 !important;
border-bottom:1px solid #0a3 !important;
border-left:1px solid #3fc !important;
-moz-border-top-colors:none !important;
-moz-border-right-colors:none !important;
-moz-border-bottom-colors:none !important;
-moz-border-left-colors:none !important;
}
/* スクロールバーにマウスオーバー時の色*/
thumb:hover{
border-top:1px solid #6fc !important;
border-right:1px solid #0c9 !important;
border-bottom:1px solid #0c9 !important;
border-left:1px solid #6fc !important;
-moz-border-top-colors:none !important;
-moz-border-right-colors:none !important;
-moz-border-bottom-colors:none !important;
-moz-border-left-colors:none !important;
background-color:#3fb !important;
}
/* スクロールボタンにマウスオーバー時の色*/
scrollbarbutton:hover:active,
scrollbarbutton:active {
border-top:1px solid #0c9 !important;
border-right:1px solid #6fc !important;
border-bottom:1px solid #6fc !important;
border-left:1px solid #0c9 !important;
-moz-border-top-colors:none !important;
-moz-border-right-colors:none !important;
-moz-border-bottom-colors:none !important;
-moz-border-left-colors:none !important;
background-color:#3fb !important;
}
scrollbarbutton {
background-repeat:no-repeat !important;
background-position:center center !important;
}
/* レールの色 */
slider {
background-color:#ffc !important;
-moz-border-left-colors:none !important;
-moz-border-bottom-colors:none !important;
border-style:none !important;
}
slider[orient="vertical"] {
background-color:#ffc !important;
-moz-border-left-colors:none !important;
border-style:none !important;
}
No.1
- 回答日時:
「userChrome.css」は、FirefoxのUI部分に適用する為のファイルです。
例えばサイドバー内のスクロールバーを変更したい場合などは、「userChrome.css」に記述します。ページ領域内側のスクロールバーにも適用させる場合は、「userContent.css」にも記述する必要があります。
但し、質問者の貼ったリンクはサイドバーのレールの部分の色を変更するだけのコードなので殆ど意味ないです。
一応、当方で他の参考サイトを参照にして簡単に検証してみました。
[参考サイト]
http://www.geocities.jp/adsldenet/past/sample.html
文字数制限があるので、2回目の回答にコードを記述しますが、そのコードを「userChrome.css」と、「userContent.css」の両方ともに貼り付ければOKです。
当方、Windws XP SP3 Firefox3.6.10で検証済み。(Windows 7は知りません)
添付画像を参照。
スクロールバーの色、その他のアレンジ等はそちらで好きにしてください。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Chrome(クローム) Chromeでダウンロードしたファイルを拡張子ごとに取り扱い方法を変更できないんでしょうか? 2 2022/11/19 17:34
- HTML・CSS WEBサイトの構築。表示データとWEBデザインを分離する考え方を専門用語・業界用語では何と言うか? 8 2022/09/27 09:16
- PowerPoint(パワーポイント) PowerPointの箇条書きの既定のリストを変更する方法について 1 2022/12/15 18:41
- その他(OS) windows10のダウンロード 3 2022/03/30 10:12
- JavaScript 指定時間になったら、WEBサイトの更新を自動で行うには…? 3 2022/04/28 22:14
- Firefox(ファイヤーフォックス) Firefoxでグーグルの検索画面が変です 2 2022/09/20 19:25
- ルーター・ネットワーク機器 transix回線で契約、外部からIPv6でNASにアクセスしたい 1 2023/01/26 15:07
- その他(ブログ) シーサーブログのタイトル文字位置とブログ説明文字位置の変更方法 2 2022/09/22 20:55
- Excel(エクセル) エクセルの数式で教えてください。 1 2023/02/09 14:54
- Windows 10 windows11 ノートンのアンインストール 4 2022/12/18 16:45
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Firefoxのブックマークのマウス...
-
CSS の flexbox を display: no...
-
ファイヤーフォックス リンクの色
-
Firefoxクラッシュ頻発
-
バッチファイル内のコマンドプ...
-
スマホのブラウザーでfirefoxと...
-
選択しているソフトの ウィンド...
-
Chrome関係の肥大したファイル...
-
Firefoxが複数立ち上がるのを解...
-
Fire Fox で画面が揺れる
-
サイトを丸ごとダウンロードし...
-
firefoxが頻繁に停止する
-
OpenH264 Video Codec について
-
(CMYK/8)と(CMYK/8#)の違い
-
Firefoxで動画が再生されません...
-
サンダーバードメール移動しない
-
esimは1台の携帯電話に何個まで...
-
Webページの作成日時と最終更新...
-
firefox 起動時に不明なウィン...
-
アドオンなしで Internet Explo...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
CSS の flexbox を display: no...
-
YouTubeに横スクロールバーが出...
-
Firefox のウィンドウ枠を変更...
-
Firefoxのツールバーの変更
-
CSSを利用して、特定のリンクや...
-
googleリーダーの既読、未読の...
-
Firefoxのブックマークのマウス...
-
[ Firefox3 ] サイドバーの白紙...
-
firefoxのスクロールバーの色変更
-
ファイヤーフォックス リンクの色
-
スマホのブラウザーでfirefoxと...
-
バッチファイル内のコマンドプ...
-
選択しているソフトの ウィンド...
-
Google Chrome で訪問済みのリ...
-
Firefoxの新ウィンドウのabout:...
-
仕事で使っているGmailがログイ...
-
メールのリンクをクリックする...
-
サンダーバードでリンクURLと違...
-
Thunderbirdのprofile移行がで...
-
至急 学校のiPadの監視について
おすすめ情報