userChrome.css・userContent.cssスレ Part15 (60レス)
1-

リロード規制です。10分ほどで解除するので、他のブラウザへ避難してください。
1: 名無しさん@お腹いっぱい。 (ワッチョイW 7911-5L2n) [] 2025/08/23(土) 20:23:07.49 ID:5GkQOC/N0(1/2) AAS
!extend:checked:vvvvv:1000:512
次スレを立てる方は↑を二行重ねて書いてください

●前スレ
userChrome.css・userContent.cssスレ Part14
2chスレ:software

●拡張機能
Stylish
https://addons.mozilla.org/ja/firefox/addon/stylish/
Stylus
https://addons.mozilla.org/ja/firefox/addon/styl-us/
User Style Manager (レガシーアドオン・要Classic Add-ons Archive)
https://addons.mozilla.org/ja/firefox/addon/user-style-manager/

●スクリプト
userChromeJS/UserCSSLoader at master ・ Griever/userChromeJS
https://github.com/Griever/userChromeJS/tree/master/UserCSSLoader
UserCSSManager (要userChromeES)
https://greasyfork.org/scripts/35880

●CSS(ユーザースタイルを記入するべきファイル)
userChrome.css(UI) / userContent.css(Web Site)

●関連サイト
Userstyles.org
https://userstyles.org/
CSS: カスケーディングスタイルシート | MDN
https://developer.mozilla.org/ja/docs/Web/CSS
とほほのスタイルシート入門
http://www.tohoho-web.com/css/ VIPQ2_EXTDAT: checked:vvvvv:1000:512:: EXT was configured
2: 名無しさん@お腹いっぱい。 (ワッチョイW 7111-5L2n) [] 2025/08/23(土) 20:23:40.59 ID:5GkQOC/N0(2/2) AAS
●CSS有効化

userChrome.css / userContent.css を使う場合
about:config もしくは user.js で「toolkit.legacyUserProfileCustomizations.stylesheets」を「true」に設定

●自力で調べるには

Browser Toolbox
https://firefox-source-docs.mozilla.org/devtools-user/browser_toolbox/index.html
https://web.archive.org/web/20220328185954/https://developer.mozilla.org/ja/docs/Tools/Browser_Toolbox
Select an element
https://firefox-source-docs.mozilla.org/devtools-user/page_inspector/how_to/select_an_element/index.html
セレクタやプロパティなどはどうやって調べるの(例)
2chスレ:software
3: 名無しさん@お腹いっぱい。 (ワッチョイ 7915-mlbM) [sage] 2025/08/23(土) 20:39:30.41 ID:sKTXIGAf0(1) AAS
Browser Toolboxの使い方知るには自分で覚えないといけないんだよね
4: 名無しさん@お腹いっぱい。 (ワッチョイ d56e-0Y3O) [sage] 2025/08/28(木) 12:37:40.40 ID:pzDE1xGq0(1/2) AAS
アクティブタブの背景色、非アクティブタブの背景色、非アクティブタブにマウスオーバーした時の背景色を
それぞれ指定したいのですが、記述を教えて下さい。。
テーマで変えてもしっくりくるものが無かったので、自分で色指定したいです。
 
5: 名無しさん@お腹いっぱい。 (ワッチョイ d56e-0Y3O) [sage] 2025/08/28(木) 13:59:17.27 ID:pzDE1xGq0(2/2) AAS
自己対応完了
6
(1): 名無しさん@お腹いっぱい。 (ワッチョイ 73b2-PH2a) [sage] 2025/09/01(月) 03:29:59.05 ID:Aa0aex000(1) AAS
Yahooメールの本文の部分のフォントサイズを変更したいのですが、
どう変更したらいいでしょうか?
Googleメールみたいに、単にtextarea { font-size: 15px !important;}等と書いても適応されません
7: 名無しさん@お腹いっぱい。 (ワッチョイW 6fbf-TomW) [] 2025/09/01(月) 06:15:13.90 ID:t5iu2yVu0(1) AAS
>>6
ちゃんと「調査」した?
本文で右クリック→「調査」
8: 名無しさん@お腹いっぱい。 (ワッチョイ 0358-yzHn) [sage] 2025/09/01(月) 15:18:02.91 ID:moVgLPNH0(1) AAS
な、ガイジage厨だろ👆
9: 名無しさん@お腹いっぱい。 (ワッチョイ bf56-aD9e) [sage] 2025/09/02(火) 19:24:17.14 ID:6t6Jdcjb0(1) AAS
uBlock OriginのYouTubeクルクル不具合
Distill Web Monitorのhttps://code.google.com/archive/で利用できない不具合
はよ直してほしい
10
(1): 名無しさん@お腹いっぱい。 (ワッチョイ bf56-aD9e) [sage] 2025/09/05(金) 22:07:13.62 ID:sMY06D+r0(1) AAS
タブのミュートアイコンを消す方法を教えてください。
ググった方法だと効果なかったので
11: 名無しさん@お腹いっぱい。 (ワッチョイW 43c0-ujA0) [sage] 2025/09/06(土) 06:44:03.56 ID:s+vTsBG+0(1) AAS
ググった方法書かないと何がダメだったかわからんだろ
12: 名無しさん@お腹いっぱい。 (ワッチョイ bf56-aD9e) [sage] 2025/09/06(土) 12:05:04.61 ID:qcqnpv0s0(1/2) AAS
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
.tabbrowser-tab :-moz-any(.tab-icon-sound,.tab-icon-overlay[muted]) {
pointer-events: none !important;
}



.tabbrowser-tab[soundplaying]:not([pinned]) .tab-icon-image,
.tabbrowser-tab[soundplaying]:not([pinned]) .tab-throbber {
opacity: 0 !important;
}

.tabbrowser-tab[muted] .tab-icon-image,
.tabbrowser-tab[muted] .tab-throbber {
opacity: 1 !important;
}

.tab-icon-overlay[muted] {
list-style-image: none !important;
background-color: transparent !important;
}



browser.tabs.showAudioPlayingIconをfalse

これらはいずれも効果なしです。
13
(1): 名無しさん@お腹いっぱい。 (ワッチョイ cfe9-NRvb) [sage] 2025/09/06(土) 12:50:47.50 ID:g6/sUNzg0(1) AAS
>>10
.tab-audio-button { display: none !important; }
14: 名無しさん@お腹いっぱい。 (ワッチョイ bf56-aD9e) [sage] 2025/09/06(土) 13:17:01.08 ID:qcqnpv0s0(2/2) AAS
>>13
ありがとうございます。
消えました。
15: 名無しさん@お腹いっぱい。 (ワッチョイ cf44-aD9e) [sage] 2025/09/06(土) 18:54:54.45 ID:NyochoYe0(1) AAS
.urlbarViewを展開した時に一番下に表示される領域を消したいんですが消し方を教えてください
16
(1): 名無しさん@お腹いっぱい。 (ワッチョイ 5e30-aFDf) [sage] 2025/09/08(月) 08:12:18.86 ID:4LmTStLl0(1) AAS
スタートメニューの履歴内 「最近閉じたタブ」を非表示にするにはuserChrome.cssにどう書けばいいでしょうか?
17: 名無しさん@お腹いっぱい。 (ワッチョイ 8715-S8ml) [sage] 2025/09/08(月) 09:31:28.10 ID:1Xd7KicS0(1) AAS
言葉では伝わらない
18: 名無しさん@お腹いっぱい。 (ワッチョイ 8a56-08wO) [sage] 2025/09/08(月) 18:47:18.94 ID:NnVd3+nk0(1) AAS
>>16

#tm-content-undoCloseTab {
display: none !important;
}
19: 名無しさん@お腹いっぱい。 (ワッチョイ df22-S8ml) [sage] 2025/09/12(金) 22:08:39.44 ID:kb9CcCRh0(1) AAS
urlバーにリロードボタン表示させる方法教えてください
ツールバーのカスタマイズからは見つかりませんでした
昔アイコンを表示させたり消したりしたような気がするんですがuserchrorme.cssにもそれらしいこと書いてないし
about:configでの設定等も教えて下さい
20: 名無しさん@お腹いっぱい。 (ワッチョイ 8715-S8ml) [sage] 2025/09/12(金) 22:40:12.35 ID:0+/P0b3G0(1) AAS
CSSではまともに移動できないからアドオン
Reload in address bar
21: 名無しさん@お腹いっぱい。 (ワッチョイ 4e44-08wO) [sage] 2025/09/13(土) 06:32:56.04 ID:DOfSV2UA0(1) AAS
ツールバーに区切りを配置したいけどなんで消しちゃったんだろ
22: 名無しさん@お腹いっぱい。 (ワッチョイ 7ae2-08wO) [sage] 2025/09/13(土) 08:51:07.17 ID:MmaKQuBV0(1/2) AAS
ツールバーにタイトルつけられるようにしてほしい
23: 名無しさん@お腹いっぱい。 (ワッチョイ 7ae2-08wO) [sage] 2025/09/13(土) 12:29:29.04 ID:MmaKQuBV0(2/2) AAS
間違えた ブックマークの区切りに文字を入れられるようにしてほしい
24: 名無しさん@お腹いっぱい。 (ワッチョイ 57cf-S8ml) [sage] 2025/09/13(土) 12:52:40.38 ID:C4XcguSk0(1) AAS
userChrome.cssに記述する
@charset "utf-8";

*[label="目的とするセパレーターの直前のメニュー(メニューアイテム)のラベル名"]+menuseparator:after
{
content: "セパレーターに付加したい文字列";
margin-top: -0.5em;
margin-bottom: -0.5em;
}
25
(1): 名無しさん@お腹いっぱい。 (ワッチョイ 3f02-XVQY) [sage] 2025/09/14(日) 07:32:36.41 ID:6urfGcTS0(1/3) AAS
/* URLバー内の★(ブックマーク)アイコンの色を変更 */
#star-button ,#editBookmarkPanelStarIcon {
fill: #A7C9FC !important;
}

ダークモードだと?ブックマークしてるサイトの★があまりに判別しにくいので
以前どこかでもらった、↑で色を変更したのですが
これを指定すると、ブックマークしてない通常のサイトの☆が↑の色で縁取りされるようになってしまいました。
この非ブックマークの☆は元のまま、もしくは色変更するにはどうすればいいでしょうか?
26: 名無しさん@お腹いっぱい。 (ワッチョイ 3f02-XVQY) [sage] 2025/09/14(日) 07:45:42.50 ID:6urfGcTS0(2/3) AAS
↑ダークモードだけに、いっそのこと縁取りの色、白FFFFFFにするのも手ですね・・
27
(1): 名無しさん@お腹いっぱい。 (ワッチョイ 7fbe-H0ia) [] 2025/09/14(日) 08:04:48.48 ID:sbrpwJKO0(1) AAS
>>25
/* ブックマーク済 */
#star-button[starred]

/* 未ブックマーク */
#star-button:not([starred])

#editBookmarkPanelStarIcon は今はもう存在しないよ
28: 名無しさん@お腹いっぱい。 (ワッチョイ 3f02-XVQY) [sage] 2025/09/14(日) 08:14:22.37 ID:6urfGcTS0(3/3) AAS
>>27
早々にありがとうございます。バッチリできましたー
29: 警備員[Lv.1][新警] (ワッチョイ cf15-XVQY) [sage] 2025/09/14(日) 08:56:45.70 ID:KclJrGSD0(1) AAS
明るいテーマと暗いテーマの色を変えることもできる

/* ブックマーク済 */
#star-button[starred] {
fill: light-dark(var(--toolbarbutton-icon-fill-attention), #A7C9FC) !important;
}

/* 未ブックマーク */
#star-button:not([starred]) {
fill: light-dark(black, #fff) !important;
}
30
(1): donguri! (ワッチョイ cfc8-mPtt) [sage] 2025/09/15(月) 14:50:51.96 ID:gArfWgO20(1/3) AAS
二つ教えてください。
いつからかわかりませんが、次の二つが効かなくなっていました。
どのように記述すればいいでしょうか

●ピン留めしたタブとピン留めしてないタブの間にある隙間をなくす
.tabbrowser-tab[first-visible-unpinned-tab="true"] {margin-left: 0px !important;}

●マウスオーバーでタブに閉じるボタンを表示(これがないと常時表示)
.tabbrowser-tab:not(:hover) .tab-close-button{ display:none; }
.tabbrowser-tab:not([pinned]):hover .tab-close-button{ display:block !important; }
31
(1): 名無しさん@お腹いっぱい。 (ワッチョイ 7f73-n+00) [sage] 2025/09/15(月) 15:54:00.83 ID:g04Hd8sE0(1) AAS
自分の環境だと
ピン留めタブと通常タブの間
#pinned-tabs-container {margin-inline-end : 0px !important;}

マウスオーバーでタブに閉じるボタンを表示は同じ記述のものできいてる
32
(1): 名無しさん@お腹いっぱい。 (アウアウウーT Sa53-n+00) [] 2025/09/15(月) 16:46:53.43 ID:Yb/+3zTpa(1) AAS
>>30
/* タブにマウスオーバーで閉じるボタンを表示 */
.tabbrowser-tab:not(:hover) .tab-close-button{ display:none; }
.tabbrowser-tab:not([pinned]):hover .tab-close-button{ display:block !important; }
33: 名無しさん@お腹いっぱい。 (ワッチョイ cfc8-mPtt) [sage] 2025/09/15(月) 18:50:24.76 ID:gArfWgO20(2/3) AAS
>>31
ありがとう 治りました。
>>32
ありがとう 残念ながら変わらずでした。
34: 名無しさん@お腹いっぱい。 (ワッチョイ cfc8-mPtt) [sage] 2025/09/15(月) 19:00:09.39 ID:gArfWgO20(3/3) AAS
連投すみません。
タブの閉じるボタンを消す記述がおかしくなってました。
お騒がせしました。
35
(1): 名無しさん@お腹いっぱい。 (ワッチョイ 8f76-9kjN) [sage] 2025/09/16(火) 12:32:00.60 ID:qCCVdmw00(1) AAS
ブックマークフォルダのアイコンの色を昔の黄色いのにしてたんですけどフォルダの中のフォルダの色が白くなってしまってどこ修正したらいいんでしょう
36
(1): 名無しさん@お腹いっぱい。 (ワッチョイ 8f72-mPtt) [sage] 2025/09/16(火) 17:05:43.87 ID:rnwkmn6f0(1) AAS
143にアップデートしたら>>35さんと同じ状況になりました

怒られたので改行しています

/* FF88までのブックマークフォルダ 黄色(#FFCC00) */
.bookmark-item[container], treechildren::-moz-tree-image(title, container) {
list-style-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZml
sbD0iI0ZGQ0MwMCIgZmlsbC1vcGFjaXR5PSJjb250ZXh0LWZpbGwtb3BhY2l0eSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGg
gZD0iTTE0LjUgM0g2LjkxNGEuNS41IDAgMCAxLS4zNTQtLjE0Nkw1LjE0NiAxLjQzOUExLjQ5MSAxLjQ5MSAwIDAgMCA0LjA4NiAxSDEuNUExLjUgMS41IDAgMCA
wIDAgMi41djExQTEuNSAxLjUgMCAwIDAgMS41IDE1aDEzYTEuNSAxLjUgMCAwIDAgMS41LTEuNXYtOUExLjUgMS41IDAgMCAwIDE0LjUgM3ptLjUgMTAuNWEuNS4
1IDAgMCAxLS41LjVoLTEzYS41LjUgMCAwIDEtLjUtLjVWNmgxNHpNMSA1VjIuNWEuNS41IDAgMCAxIC41LS41aDIuNTg2YS41LjUgMCAwIDEgLjM1NC4xNDZsMS4
0MTQgMS40MTVBMS40OTEgMS40OTEgMCAwIDAgNi45MTQgNEgxNC41YS41LjUgMCAwIDEgLjUuNVY1eiIvPg0KICA8cGF0aCBkPSJNMTUgMTMuNWEuNS41IDAgMCA
xLS41LjVoLTEzYS41LjUgMCAwIDEtLjUtLjVWNmgxNHoiIGZpbGwtb3BhY2l0eT0iLjIiLz4NCiAgPHBhdGggZD0iTTEgNVYyLjVhLjUuNSAwIDAgMSAuNS0uNWg
yLjU4NmEuNS41IDAgMCAxIC4zNTQuMTQ2bDEuNDE0IDEuNDE1QTEuNDkxIDEuNDkxIDAgMCAwIDYuOTE0IDRIMTQuNWEuNS41IDAgMCAxIC41LjVWNXoiIGZpbGw
tb3BhY2l0eT0iLjEiLz4NCiAgPHBhdGggZD0iTTE1IDEzLjVhLjUuNSAwIDAgMS0uNS41aC0xM2EuNS41IDAgMCAxLS41LS41VjEzaDE0eiIgZmlsbC1vcGFjaXR
5PSIuMDUiLz4NCjwvc3ZnPg==') !important;
}
37
(2): 警備員[Lv.6][新] (ワッチョイ cf15-XVQY) [sage] 2025/09/17(水) 11:12:08.30 ID:12GG0Msb0(1) AAS
これを追加
画像データ省略してあります

.bookmark-item[container] > :is(.menu-icon, .toolbarbutton-icon) {
content: url('data:image/svg+xml;base64,xxxxxxxxxxx') !important;
}
38: 名無しさん@お腹いっぱい。 (ワッチョイ 8f76-9kjN) [sage] 2025/09/17(水) 14:22:14.66 ID:bey/wHw70(1/2) AAS
>>37
ありがとうございます
39: 名無しさん@お腹いっぱい。 (ワッチョイ 8ffe-qkCt) [sage] 2025/09/17(水) 15:36:34.78 ID:czLdubj70(1/2) AAS
>>37
ありがとうございます

ただ、サイドバー → ブックマーク のアイコンに色が付かなくなってしまいました
40
(1): 警備員[Lv.8][新] (ワッチョイ cf15-XVQY) [sage] 2025/09/17(水) 15:43:52.64 ID:AaK2Lpvr0(1) AAS
>>36のcssも使うのでこれに追記します
41: 名無しさん@お腹いっぱい。 (ワッチョイ 8ffe-qkCt) [sage] 2025/09/17(水) 16:22:05.59 ID:czLdubj70(2/2) AAS
>>40
何度もすみません
出来ましたありがとうございました
42
(1): 名無しさん@お腹いっぱい。 (ワッチョイ 7f6d-qkCt) [] 2025/09/17(水) 16:26:38.34 ID:vlv79dP+0(1/2) AAS
URLバーが白系統の色にできないんですけどこれであってますよね?
黒とか灰にはできたのですが

#urlbar {
background-color: #ffffff !important;
}
43
(2): 名無しさん@お腹いっぱい。 (ワッチョイ 7f73-n+00) [sage] 2025/09/17(水) 16:52:11.19 ID:6b5E00PA0(1/3) AAS
>>42
これはどうですか

#urlbar-background{
background-color: #FFFFFF !important;}
44: 名無しさん@お腹いっぱい。 (ワッチョイ 7f73-n+00) [sage] 2025/09/17(水) 16:53:51.62 ID:6b5E00PA0(2/3) AAS
>>43
効いてませんでした
すみません
45
(1): 名無しさん@お腹いっぱい。 (ワッチョイ 7f73-n+00) [sage] 2025/09/17(水) 17:09:34.64 ID:6b5E00PA0(3/3) AAS
>>43
自分も気になって作業してたとこですが

背景色
.urlbar-background {background-color:#FFFFFF!important;}

枠をつける
.urlbar-background {border-color: #696969 !important;}
46: 名無しさん@お腹いっぱい。 (ワッチョイ 7f6d-qkCt) [] 2025/09/17(水) 18:05:35.24 ID:vlv79dP+0(2/2) AAS
>>45
ありがとうございます、白にできました
47: 名無しさん@お腹いっぱい。 (ワッチョイ 0f58-VRQG) [sage] 2025/09/17(水) 18:15:09.76 ID:F85E33gn0(1) AAS
な、ガイジage厨だろ👆
48: 名無しさん@お腹いっぱい。 (ワッチョイ 3f56-qkCt) [sage] 2025/09/17(水) 21:16:13.08 ID:dVFrrPM90(1/2) AAS
タブをタスクバーに追加を無効にする方法を教えてください。
49: 名無しさん@お腹いっぱい。 (ワッチョイ 3f56-qkCt) [sage] 2025/09/17(水) 21:22:16.08 ID:dVFrrPM90(2/2) AAS
自己解決しました。
50: 名無しさん@お腹いっぱい。 (ワッチョイ cfb8-9qzG) [sage] 2025/09/17(水) 22:47:44.62 ID:+J7ioG010(1/2) AAS
about:configにそれっぽい項目が見あたらないのでuserChrome.cssで

/* アドレスバー内の「タブをタスクバーに追加」を消す */
hbox#taskbar-tabs-button { display: none !important; }
51
(2): 名無しさん@お腹いっぱい。 (ワッチョイ 8f76-9kjN) [sage] 2025/09/17(水) 23:00:47.41 ID:bey/wHw70(2/2) AAS
browser.taskbarTabs.enabled
52: 名無しさん@お腹いっぱい。 (ワッチョイ cfb8-9qzG) [sage] 2025/09/17(水) 23:16:59.57 ID:+J7ioG010(2/2) AAS
>>51
ありがとう
53: 名無しさん@お腹いっぱい。 (ワッチョイ fffb-qkCt) [] 2025/09/18(木) 04:20:41.23 ID:yKVP+T250(1) AAS
>>51
よこからありがとう
54: 名無しさん@お腹いっぱい。 (ワッチョイ 0f02-XVQY) [sage] 2025/09/19(金) 13:38:09.88 ID:zgrt/vSv0(1/2) AAS
https://i.imgur.com/f2BdHRz.png


ダウンロードしてる時の↑このアイコンの
進捗部分の色って変更できますでしょうか?
55
(1): 警備員[Lv.7][新芽] (ワッチョイ cf15-XVQY) [sage] 2025/09/19(金) 14:13:11.69 ID:uOuZ7tk40(1) AAS
/* Changing Download Progress Bar Color */
#downloads-indicator-progress-inner {
--toolbarbutton-icon-fill-attention: #f00 !important;
}
56: 名無しさん@お腹いっぱい。 (ワッチョイ 0f02-XVQY) [sage] 2025/09/19(金) 15:30:42.03 ID:zgrt/vSv0(2/2) AAS
>>55
https://i.imgur.com/pSN4V39.png


ありがとうございますーできましたバッチリです。
57: 名無しさん@お腹いっぱい。 (ワッチョイ 3f31-qkCt) [] 2025/09/19(金) 23:25:57.24 ID:Swij1VEM0(1/2) AAS
143.0.1
#urlbar-background

なんか挙動がおかしくなった
58: 名無しさん@お腹いっぱい。 (ワッチョイ 3f31-qkCt) [sage] 2025/09/19(金) 23:48:37.62 ID:Swij1VEM0(2/2) AAS
#urlbar .urlbar-background
これで直った

いちいち意味のわからん修正入れるのやめてほしいわ
59: 名無しさん@お腹いっぱい。 (ワッチョイ 3f31-qkCt) [sage] 2025/09/20(土) 10:40:38.23 ID:a7ftczkA0(1) AAS
[container] も効かなくなったな

Firefox 143.0.0

.bookmark-item[container] {
list-style-image: url(data:image/png;base64,...your icon...) !important;
}

Firefox 143.0.1移行 
UI構造が二層化されてるので二重で指定

.bookmark-item[container="true"] { /* 真偽値を追加 */
list-style-image: url(data:image/png;base64,...your icon...) !important;
--bookmark-item-icon: url(data:image/png;base64,...your icon...) !important; /* これを追加 */
}
60: 名無しさん@お腹いっぱい。 (ワッチョイ 7f30-OF/z) [sage] 2025/09/20(土) 13:02:41.99 ID:xLWKAXu20(1) AAS
143.0.1
ファイルをダウンロードした後の「↓」アイコンと、それをクリックして現れるメニューの「ダウンロードを完了しました」の文字の色を
青から黒に変えるにはどうしたらいいですか?
1-
スレ情報 赤レス抽出 画像レス抽出 歴の未読スレ AAサムネイル

ぬこの手 ぬこTOP 0.041s