userChrome.css・userContent.cssスレ Part15

2025/09/22(月) 21:34:27.81

--my-favicon-size は入れ方分からなかったので除いてます。

.bookmark-item:is([scheme="https"],[scheme="http"]) image,
.bookmark-item:is([scheme="https"],[scheme="http"]) > :is(.menu-icon,.menu-iconic-icon) {
content: url("data:image/png;base64,...your icon...") !important;
}

.bookmark-item[scheme="javascript"] image,
.bookmark-item[scheme="javascript"] > :is(.menu-icon,.menu-iconic-icon) {
content: url("data:image/png;base64,...your icon...") !important;
}

2025/09/22(月) 21:57:05.36

ネスト記法を覚えよう

2025/09/23(火) 21:02:04.48

ネスト記法のような難しいことは知らないです

2025/09/24(水) 10:04:09.92

>>67
有難うございます
ただ、content: urlの中を書き換えて試してみましたがschemeは反映されませんでした。

警備員[Lv.5][新芽] (ﾜｯﾁｮｲ 6f15-VfWQ) · 2025/09/24(水) 12:31:13.58

>>70
同じものですが、このままコピペしてみてください

.bookmark-item:is([scheme="https"],[scheme="http"]) image,
.bookmark-item:is([scheme="https"],[scheme="http"]) > :is(.menu-icon,.menu-iconic-icon) {
content: url("chrome://browser/skin/places/folder-smart.svg") !important;
}

.bookmark-item[scheme="javascript"] image,
.bookmark-item[scheme="javascript"] > :is(.menu-icon,.menu-iconic-icon) {
content: url("chrome://global/skin/dirListing/folder.png") !important;
}

2025/09/24(水) 19:38:40.66

>>68
ChatGPTに聞いてみたら分かった

.bookmark-item:is([scheme="https"], [scheme="http"]) { image, > :is(.menu-icon, .menu-iconic-icon) {
content: url("chrome://browser/skin/places/folder-smart.svg") !important;
fill: #69c !important;
}
}
.bookmark-item[scheme="javascript"] { image, > :is(.menu-icon, .menu-iconic-icon) {
content: url("chrome://global/skin/dirListing/folder.png") !important;
}
}

2025/09/25(木) 17:11:48.22

>>72
自分もChatGPTに聞いてみることは試していました
アイコンの相対パスや絶タパス、あと擬似要素方式の例やDOM 構造変更にも比較的強く、表示の成功率が高いという
↓これなども、でも駄目でした

.bookmark-item[href^="https://";] .toolbarbutton-icon {
display: none !important;
}

.bookmark-item[href^="https://";]::before {
content: "";
display: inline-block;
width: var(--my-favicon-size);
height: var(--my-favicon-size);
background-image: url("chrome/icons/https-icon.png");
background-size: contain;
background-repeat: no-repeat;
margin-inline-end: 4px;
vertical-align: middle;
}

2025/09/25(木) 17:30:20.10

>>73
うちではちゃんと動作してるけど
以下も加えてスクリーンショットしたから確認してよ
https://i.imgur.com/ZYkBaQj.png

.bookmark-item[scheme="about"] image,
.bookmark-item[scheme="about"] > :is(.menu-icon,.menu-iconic-icon) {
content: url("chrome://global/skin/icons/developer.svg") !important;
fill: red !important;
}
.bookmark-item[scheme="moz-extension"] image,
.bookmark-item[scheme="moz-extension"] > :is(.menu-icon,.menu-iconic-icon) {
content: url("chrome://mozapps/skin/extensions/extension.svg") !important;
fill: Purple !important;
}

2025/09/26(金) 22:21:04.46

Sidebarmodokiを更新したらAutoCloseBookMarkFolderが効かなくなったな。
以前のバージョンに戻したらAutoCloseBookMarkFolderも復活した。

2025/09/27(土) 03:26:06.01

>>74
スクショ確認しました。
ちなみに74さんはuser.jsに
user_pref("browser.chrome.site_icons", false);
これでサイトのファビコンを取得しないようにしいますか？

2025/09/27(土) 10:23:16.03

>>76
browser.chrome.site_icon = false　はしてないです
設定したけどサイトアイコンそのままでした

>>61の無効になったcssをuserChrome.cssに書かれたままだと悪さするみたいだ
残したままにしていませんか

警備員[Lv.4][新芽] (ﾜｯﾁｮｲ 6f15-VfWQ) · 2025/09/27(土) 11:56:55.60

urlの記述が誤っていたんじゃないかな元のcssでもいけた

:root {--my-favicon-size: 16px;}
.bookmark-item[scheme="https"] image,
.bookmark-item[scheme="https"] > :is(.menu-icon,.menu-iconic-icon),
.bookmark-item[scheme="http"] image,
.bookmark-item[scheme="http"] > :is(.menu-icon,.menu-iconic-icon) {
background: url("chrome://browser/skin/downloads/downloads.svg") center/var(--my-favicon-size) no-repeat !important;
padding-left: var(--my-favicon-size) !important;
}
:root {--my-favicon-size: 16px;}
.bookmark-item[scheme="javascript"] image,
.bookmark-item[scheme="javascript"] > :is(.menu-icon,.menu-iconic-icon) {
background: url("chrome://mozapps/skin/extensions/extension.svg") center/var(--my-favicon-size) no-repeat !important;
padding-left: var(--my-favicon-size) !important;
}

2025/09/27(土) 12:05:28.90

前方一致とネスト記法を学ぶといい

2025/09/27(土) 12:25:23.30

ネスト記法やってみました

:root {--my-favicon-size: 16px !important;
}
.bookmark-item { &:is([scheme="https"], [scheme="http"]) { image, > :is(.menu-icon, .menu-iconic-icon) {
background: url("chrome://browser/skin/downloads/downloads.svg") center/var(--my-favicon-size) no-repeat !important;
padding-left: var(--my-favicon-size) !important;
}
}
}

2025/09/27(土) 15:49:15.17

タブのピン留めの無効方法を教えてください。

2025/09/27(土) 16:34:32.13

>>78
お手数かけてすみません。現状のuserChrome.cssをバックアップとってから一旦空白78さんのというか61で私が示した記述を少し変えた
↓これだけuserChrome.cssに記述して起動時キャッシュ削除の再起動で効きました。なのでバックアップのuserChrome.cssから新たなuserChrome.cssに一つづつまた追加していこうかなと思っています

:root {--my-favicon-size: 16px;}
.bookmark-item[scheme="https"] image,
.bookmark-item[scheme="https"] > :is(.menu-icon,.menu-iconic-icon),
.bookmark-item[scheme="http"] image,
.bookmark-item[scheme="http"] > :is(.menu-icon,.menu-iconic-icon) {
background: url("text-x-item.png") center/var(--my-favicon-size) no-repeat !important;
padding-left: var(--my-favicon-size) !important;
}
:root {--my-favicon-size: 16px;}
.bookmark-item[scheme="javascript"] image,
.bookmark-item[scheme="javascript"] > :is(.menu-icon,.menu-iconic-icon) {
background: url("js.png") center/var(--my-favicon-size) no-repeat !important;
padding-left: var(--my-favicon-size) !important;
}
:root {--my-favicon-size: 16px;}
.bookmark-item[scheme="file"] image,
.bookmark-item[scheme="file"] > :is(.menu-icon,.menu-iconic-icon) {
background: url("globe-2x-light.png") center/var(--my-favicon-size) no-repeat !important;
padding-left: var(--my-favicon-size) !important;
}

82 (ﾜｯﾁｮｲ 2b5d-p2ny) · 2025/09/27(土) 16:35:59.40

一応途切れてしまった部分
↓
:root {--my-favicon-size: 16px;}
.bookmark-item[scheme="moz-extension"] image,
.bookmark-item[scheme="moz-extension"] > :is(.menu-icon,.menu-iconic-icon) {
background: url("globe-2x-light.png") center/var(--my-favicon-size) no-repeat !important;
padding-left: var(--my-favicon-size) !important;
}
:root {--my-favicon-size: 16px;}
.bookmark-item[scheme="about"] image,
.bookmark-item[scheme="about"] > :is(.menu-icon,.menu-iconic-icon) {
background: url("globe-2x-light.png") center/var(--my-favicon-size) no-repeat !important;
padding-left: var(--my-favicon-size) !important;
}

2025/09/29(月) 16:28:19.47

>>81
あっちこっちのスレッドにabout:configを変更する
方法が出ているだろーが

2025/09/29(月) 16:43:43.65

>>84
Firefoxのタブのピン留め機能を無効にするための直接的な about:config 設定は存在しません
とAIも言ってる

2025/09/29(月) 17:16:25.60

拡張にShare on Twitterというのがありまして
https://addons.mozilla.org/ja/firefox/addon/tweetright/?utm_source=addons.mozilla.org&utm_medium=referral&utm_content=search

WebページのコンテキストメニューにShare Selection on Twitter、Share Page on Twitter、Share Link on Twitter、Share on Twitterというのが出て通常自分はタブメニューのShare Page on TwitterしかつかわないのでWebページにあるコンテキストメニューは

menuitem[label="Share Selection on Twitter"], menuitem[label="Share Page on Twitter"], menuitem[label="Share Link on Twitter"], menuitem[label="Share on Twitter"]
{
display: none !important;
}

このようにして出ないようにしていたのですが、つい最近このCSSが効かなくなってしまいまいました
記述の仕方が悪いのでしょうか。

2025/09/29(月) 18:01:12.23

>>85
ゴメンタブをタスクバーに追加の事かと勘違いした。

警備員[Lv.8][新] (ﾆｸｸｴ 0d15-vrAF) · 2025/09/29(月) 18:36:23.53

>>86
このままでうちでは効いたよ

2025/09/29(月) 21:18:31.47

>>88
ご確認ありがとうございます
変だなと思ってこの部分に@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";);を付け足して
userChrome.chunk.cssとして
userChrome.cssに
@import 'userChrome.chunk.css';でよびだしたら効きました

2025/09/29(月) 21:28:49.91

な、ガイジage厨だろ👆

2025/09/29(月) 23:12:31.56

アドレスバー内にある「タブをタスクバーに追加します」ボタン（サイトをウェブアプリ化する）を非表示にしたい

2025/09/29(月) 23:31:01.45

>>91
about:config

browser.taskbarTabs.enabled

false へ変更

で解決した

2025/10/12(日) 19:55:40.42

タブのピン留めを無効化したいです。

2025/10/12(日) 21:44:08.92

はい次の患者さんどうぞ

2025/10/13(月) 21:05:51.77

Palemoonの"ブックマークツールバーの項目"の横に拡張機能のアイコンやダウンロードボタンを配置すると"ブックマークツールバーの項目"の右側にスペースができてしまいます。
ブラウザツールボックスで確認するとtoolbaritem id="personal-bookmarks" flex="1" title="ブックマーク" removable="true"となっておりflex="0にすると改善されますが、
userchrome.cssへ記述するも反映されず困っておりご教示願います。

2025/10/13(月) 22:12:25.31

基地外スレチage厨スルー推奨

2025/10/17(金) 04:02:15.24

>>95ですが自己解決しました。

2025/10/17(金) 22:08:03.69

な、ｶﾞｲｼﾞスレチage厨だろ👆

2025/10/17(金) 22:50:00.38

e958-iZeJ

2025/11/12(水) 09:04:42.32

Stylusで、自作のスタイルが効かなくなる（が、Stylusのアイコンには
適用されているように数字が出る）時があるのでなぜかと思っていたら
解決法がようやく判った

スタイルマネージャでは有効になっているにもかかわらず、
当該のページでStylusのアイコンをクリックした時に表示される
スタイル名の左にあるチェックマークが外れていた
そこにチェックマークを付けるとスタイルも効いて、
スタイルマネージャでの有効状態とも連動するようになった

有効状態と実際の挙動が食い違うのは不具合か

2025/11/12(水) 12:57:43.92

Firefox 145.0
右クリックメニューの「選択部分へのリンクをコピー」と「追跡を除去した選択部分へのリンクをコピー」
を非表示にするにはどう書いたらいいでしょうか？

2025/11/12(水) 14:22:19.27

menuitem[label="選択部分へのリンクをコピー"],
menuitem[label="追跡を除去した選択部分へのリンクをコピー"] {
display: none !important;
}

2025/11/12(水) 18:16:25.11

>>102
ありがとうございます
今までの要素を非表示にするのとやり方が変わったんですかね？

2025/11/15(土) 20:25:41.02

145で
/* 右クリックメニューの行間を狭くする */
menupopup > menuitem, menupopup > menu {
padding-block: 0.2em 0.5em !important;
}
/* ハンバーガーメニューとオーバーフローメニューの行間を狭くする */
.subview-subheader, panelview .toolbarbutton-1, .subviewbutton, .widget-overflow-list .toolbarbutton-1 {
padding: 2px 8px !important;
}
/* 再生中のタブを色付け */
.tabbrowser-tab:is([soundplaying], [muted]) .tab-background {
background-color: #f00 !important;
}

このあたりが動かなくなってます。どのように修正すればよいのでしょうか