userChrome.css・userContent.cssスレ Part15

2025/08/23(土) 20:23:07.49

!extend:checked:vvvvv:1000:512
次スレを立てる方は↑を二行重ねて書いてください

●前スレ
userChrome.css・userContent.cssスレ Part14
https://egg.5ch.net/test/read.cgi/software/1710362871/

●拡張機能
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

2025/08/23(土) 20:23:40.59

●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
セレクタやプロパティなどはどうやって調べるの（例）
https://egg.5ch.net/test/read.cgi/software/1650551086/43

2025/08/23(土) 20:39:30.41

Browser Toolboxの使い方知るには自分で覚えないといけないんだよね

2025/08/28(木) 12:37:40.40

アクティブタブの背景色、非アクティブタブの背景色、非アクティブタブにマウスオーバーした時の背景色を
それぞれ指定したいのですが、記述を教えて下さい。。
テーマで変えてもしっくりくるものが無かったので、自分で色指定したいです。
　

2025/08/28(木) 13:59:17.27

自己対応完了

2025/09/01(月) 03:29:59.05

Yahooメールの本文の部分のフォントサイズを変更したいのですが、
どう変更したらいいでしょうか？
Googleメールみたいに、単にtextarea { font-size: 15px !important;}等と書いても適応されません

2025/09/01(月) 06:15:13.90

>>6
ちゃんと「調査」した？
本文で右クリック→「調査」

2025/09/01(月) 15:18:02.91

な、ガイジage厨だろ👆

2025/09/02(火) 19:24:17.14

uBlock OriginのYouTubeクルクル不具合
Distill Web Monitorのhttps://code.google.com/archive/で利用できない不具合
はよ直してほしい

2025/09/05(金) 22:07:13.62

タブのミュートアイコンを消す方法を教えてください。
ググった方法だと効果なかったので

2025/09/06(土) 06:44:03.56

ググった方法書かないと何がダメだったかわからんだろ

2025/09/06(土) 12:05:04.61

@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

これらはいずれも効果なしです。

2025/09/06(土) 12:50:47.50

>>10
.tab-audio-button { display: none !important; }

2025/09/06(土) 13:17:01.08

>>13
ありがとうございます。
消えました。

2025/09/06(土) 18:54:54.45

.urlbarViewを展開した時に一番下に表示される領域を消したいんですが消し方を教えてください

2025/09/08(月) 08:12:18.86

スタートメニューの履歴内「最近閉じたタブ」を非表示にするにはuserChrome.cssにどう書けばいいでしょうか？

2025/09/08(月) 09:31:28.10

言葉では伝わらない

2025/09/08(月) 18:47:18.94

>>16

#tm-content-undoCloseTab {
display: none !important;
}

2025/09/12(金) 22:08:39.44

urlバーにリロードボタン表示させる方法教えてください
ツールバーのカスタマイズからは見つかりませんでした
昔アイコンを表示させたり消したりしたような気がするんですがuserchrorme.cssにもそれらしいこと書いてないし
about:configでの設定等も教えて下さい

2025/09/12(金) 22:40:12.35

CSSではまともに移動できないからアドオン
Reload in address bar

2025/09/13(土) 06:32:56.04

ツールバーに区切りを配置したいけどなんで消しちゃったんだろ

2025/09/13(土) 08:51:07.17

ツールバーにタイトルつけられるようにしてほしい

2025/09/13(土) 12:29:29.04

間違えた　ブックマークの区切りに文字を入れられるようにしてほしい

2025/09/13(土) 12:52:40.38

userChrome.cssに記述する
@charset "utf-8";

*[label="目的とするセパレーターの直前のメニュー(メニューアイテム)のラベル名"]+menuseparator:after
{
content: "セパレーターに付加したい文字列";
margin-top: -0.5em;
margin-bottom: -0.5em;
}

2025/09/14(日) 07:32:36.41

/* URLバー内の★（ブックマーク）アイコンの色を変更 */
#star-button ,#editBookmarkPanelStarIcon {
fill: #A7C9FC !important;
}

ダークモードだと？ブックマークしてるサイトの★があまりに判別しにくいので
以前どこかでもらった、↑で色を変更したのですが
これを指定すると、ブックマークしてない通常のサイトの☆が↑の色で縁取りされるようになってしまいました。
この非ブックマークの☆は元のまま、もしくは色変更するにはどうすればいいでしょうか？

2025/09/14(日) 07:45:42.50

↑ダークモードだけに、いっそのこと縁取りの色、白FFFFFFにするのも手ですね・・

2025/09/14(日) 08:04:48.48

>>25
/* ブックマーク済 */
#star-button[starred]

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

#editBookmarkPanelStarIcon は今はもう存在しないよ

2025/09/14(日) 08:14:22.37

>>27
早々にありがとうございます。バッチリできましたー

警備員[Lv.1][新警] (ﾜｯﾁｮｲ cf15-XVQY) · 2025/09/14(日) 08:56:45.70

明るいテーマと暗いテーマの色を変えることもできる

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

/* 未ブックマーク */
#star-button:not([starred]) {
fill: light-dark(black, #fff) !important;
}

**donguri!** (ﾜｯﾁｮｲ cfc8-mPtt) · 2025/09/15(月) 14:50:51.96

二つ教えてください。
いつからかわかりませんが、次の二つが効かなくなっていました。
どのように記述すればいいでしょうか

●ピン留めしたタブとピン留めしてないタブの間にある隙間をなくす
.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; }