userChrome.css・userContent.cssスレ Part15

1名無しさん@お腹いっぱい。 (ワッチョイW 7911-5L2n)
垢版 |
2025/08/23(土) 20:23:07.49ID:5GkQOC/N0
!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/09/08(月) 09:31:28.10ID:1Xd7KicS0
言葉では伝わらない
2025/09/08(月) 18:47:18.94ID:NnVd3+nk0
>>16

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

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

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

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

#editBookmarkPanelStarIcon は今はもう存在しないよ
2025/09/14(日) 08:14:22.37ID:6urfGcTS0
>>27
早々にありがとうございます。バッチリできましたー
2025/09/14(日) 08:56:45.70ID:KclJrGSD0
明るいテーマと暗いテーマの色を変えることもできる

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

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

●ピン留めしたタブとピン留めしてないタブの間にある隙間をなくす
.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; }
2025/09/15(月) 15:54:00.83ID:g04Hd8sE0
自分の環境だと
ピン留めタブと通常タブの間
#pinned-tabs-container {margin-inline-end : 0px !important;}

マウスオーバーでタブに閉じるボタンを表示は同じ記述のものできいてる
32名無しさん@お腹いっぱい。 (アウアウウーT Sa53-n+00)
垢版 |
2025/09/15(月) 16:46:53.43ID:Yb/+3zTpa
>>30
/* タブにマウスオーバーで閉じるボタンを表示 */
.tabbrowser-tab:not(:hover) .tab-close-button{ display:none; }
.tabbrowser-tab:not([pinned]):hover .tab-close-button{ display:block !important; }
2025/09/15(月) 18:50:24.76ID:gArfWgO20
>>31
ありがとう 治りました。
>>32
ありがとう 残念ながら変わらずでした。
2025/09/15(月) 19:00:09.39ID:gArfWgO20
連投すみません。
タブの閉じるボタンを消す記述がおかしくなってました。
お騒がせしました。
2025/09/16(火) 12:32:00.60ID:qCCVdmw00
ブックマークフォルダのアイコンの色を昔の黄色いのにしてたんですけどフォルダの中のフォルダの色が白くなってしまってどこ修正したらいいんでしょう
2025/09/16(火) 17:05:43.87ID:rnwkmn6f0
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;
}
2025/09/17(水) 11:12:08.30ID:12GG0Msb0
これを追加
画像データ省略してあります

.bookmark-item[container] > :is(.menu-icon, .toolbarbutton-icon) {
content: url('data:image/svg+xml;base64,xxxxxxxxxxx') !important;
}
2025/09/17(水) 14:22:14.66ID:bey/wHw70
>>37
ありがとうございます
2025/09/17(水) 15:36:34.78ID:czLdubj70
>>37
ありがとうございます

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

#urlbar {
background-color: #ffffff !important;
}
2025/09/17(水) 16:52:11.19ID:6b5E00PA0
>>42
これはどうですか

#urlbar-background{
background-color: #FFFFFF !important;}
2025/09/17(水) 16:53:51.62ID:6b5E00PA0
>>43
効いてませんでした
すみません
2025/09/17(水) 17:09:34.64ID:6b5E00PA0
>>43
自分も気になって作業してたとこですが

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

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

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

ダウンロードしてる時の↑このアイコンの
進捗部分の色って変更できますでしょうか?
2025/09/19(金) 14:13:11.69ID:uOuZ7tk40
/* Changing Download Progress Bar Color */
#downloads-indicator-progress-inner {
--toolbarbutton-icon-fill-attention: #f00 !important;
}
2025/09/19(金) 15:30:42.03ID:zgrt/vSv0
>>55
https://i.imgur.com/pSN4V39.png

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

なんか挙動がおかしくなった
2025/09/19(金) 23:48:37.62ID:Swij1VEM0
#urlbar .urlbar-background
これで直った

いちいち意味のわからん修正入れるのやめてほしいわ
2025/09/20(土) 10:40:38.23ID:a7ftczkA0
[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; /* これを追加 */
}
2025/09/20(土) 13:02:41.99ID:xLWKAXu20
143.0.1
ファイルをダウンロードした後の「↓」アイコンと、それをクリックして現れるメニューの「ダウンロードを完了しました」の文字の色を
青から黒に変えるにはどうしたらいいですか?
2025/09/22(月) 08:04:51.46ID:HQbvLhwG0
以前、この過去のスレッドでファビコンを取得していない条件でアイテムが地球儀アイコンの場合をscheme別に変える方法ご教示していただきました
ですが143にしたら効かなくなってしまいまいした

:root {--my-favicon-size: 16px;}
.bookmark-item[scheme="https"] image, .bookmark-item[scheme="http"] image{
background: url(data:image/png;base64,...your icon...)) 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{
background: url(data:image/png;base64,...your icon...)) center/var(--my-favicon-size) no-repeat !important;
padding-left: var(--my-favicon-size) !important;
}

ちなみにschemeに拘らなければ下記の記述で大丈夫なのですが

.bookmark-item:not([container]):not([livemark]):not([query]) > .toolbarbutton-icon,
.bookmark-item:not([container]):not([livemark]):not([query]) > .menu-icon{
background: url(data:image/png;base64,...your icon...)) !important;
background-size: 16px !important;
width: 0px !important;
padding-left: 16px !important;
}
2025/09/22(月) 11:16:46.03ID:tvs2qx5j0
>>60
#downloads-button {
list-style-image: url("chrome://browser/skin/downloads/downloads.svg") !important;
fill: blue !important;
}
#downloadsSummaryDetails, .downloadDetails {
color: red !important;
opacity: .6 !important;
}
2025/09/22(月) 17:34:49.16ID:tED4ySZV0
>>61
schemeに従い、httpsとhttpのサイトアイコンを変えることはできるけど、
ファビコンを取得したサイトアイコンのあるhttpsとhttpを除き、
ファビコンの無いhttpsとhttpのみ地球儀アイコン変えるのは難しくないですか。
2025/09/22(月) 19:17:19.47ID:sKojwWeT0
googleやyahoo等の検索ボックスの右クリックメニュー
「AIチャットポットに尋ねる」を非表示にするにはどう書けばいいでしょうか?
2025/09/22(月) 19:55:44.25ID:sKojwWeT0
すいません、ググったらすぐ見つかりました
#context-ask-chat { display: none !important; }で消えてくれました
2025/09/22(月) 21:05:37.68ID:HQbvLhwG0
>>62
ファビコンはuser.jsに
user_pref("browser.chrome.site_icons", false);
これで取得しないようにしいます。
また
↓これもFF142までは問題なく動作していたのですよね
:root {--my-favicon-size: 16px;}
.bookmark-item[scheme="javascript"] image{
background: url(data:image/png;base64,...your icon...)) center/var(--my-favicon-size) no-repeat !important;
padding-left: var(--my-favicon-size) !important;
}
2025/09/22(月) 21:34:27.81ID:ZUZiCUWD0
--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.36ID:DqEUnQPJ0
ネスト記法を覚えよう
2025/09/23(火) 21:02:04.48ID:f+yFdRwG0
ネスト記法のような難しいことは知らないです
2025/09/24(水) 10:04:09.92ID:XU5OEucs0
>>67
有難うございます
ただ、content: urlの中を書き換えて試してみましたがschemeは反映されませんでした。
2025/09/24(水) 12:31:13.58ID:VWPpGF2F0
>>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.66ID:VWPpGF2F0
>>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.22ID:fD400PyI0
>>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.10ID:VdGs0hDq0
>>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.46ID:1x01OMgb0
Sidebarmodokiを更新したらAutoCloseBookMarkFolderが効かなくなったな。
以前のバージョンに戻したらAutoCloseBookMarkFolderも復活した。
2025/09/27(土) 03:26:06.01ID:ixYdmc0z0
>>74
スクショ確認しました。
ちなみに74さんはuser.jsに
user_pref("browser.chrome.site_icons", false);
これでサイトのファビコンを取得しないようにしいますか?
2025/09/27(土) 10:23:16.03ID:FGrOXow00
>>76
browser.chrome.site_icon = false はしてないです
設定したけどサイトアイコンそのままでした

>>61の無効になったcssをuserChrome.cssに書かれたままだと悪さするみたいだ
残したままにしていませんか
2025/09/27(土) 11:56:55.60ID:FGrOXow00
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;
}
79名無しさん@お腹いっぱい。 (ワッチョイ 0ad6-9QCu)
垢版 |
2025/09/27(土) 12:05:28.90ID:G/9qPz4p0
前方一致とネスト記法を学ぶといい
2025/09/27(土) 12:25:23.30ID:FGrOXow00
ネスト記法やってみました

: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.17ID:JTiT6A4T0
タブのピン留めの無効方法を教えてください。
2025/09/27(土) 16:34:32.13ID:ixYdmc0z0
>>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;
}
2025/09/27(土) 16:35:59.40ID:ixYdmc0z0
一応途切れてしまった部分

: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;
}
84名無しさん@お腹いっぱい。 (ニククエ 1b4a-Yz6d)
垢版 |
2025/09/29(月) 16:28:19.47ID:rSGb6LOh0NIKU
>>81
あっちこっちのスレッドにabout:configを変更する
方法が出ているだろーが
2025/09/29(月) 16:43:43.65ID:+RS/xr4G0NIKU
>>84
Firefoxのタブのピン留め機能を無効にするための直接的な about:config 設定は存在しません
とAIも言ってる
2025/09/29(月) 17:16:25.60ID:if8Err+U0NIKU
拡張に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が効かなくなってしまいまいました
記述の仕方が悪いのでしょうか。
87名無しさん@お腹いっぱい。 (ニククエ 1b4a-Yz6d)
垢版 |
2025/09/29(月) 18:01:12.23ID:rSGb6LOh0NIKU
>>85
ゴメン タブをタスクバーに追加の事かと勘違いした。
2025/09/29(月) 18:36:23.53ID:YgKFCdV/0NIKU
>>86
このままでうちでは効いたよ
2025/09/29(月) 21:18:31.47ID:if8Err+U0NIKU
>>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.91ID:gLNRr+nI0NIKU
な、ガイジage厨だろ👆
91名無しさん@お腹いっぱい。 (ニククエ 4d58-vrAF)
垢版 |
2025/09/29(月) 23:12:31.56ID:iTlw5/SN0NIKU
アドレスバー内にある「タブをタスクバーに追加します」ボタン(サイトをウェブアプリ化する)を非表示にしたい
2025/09/29(月) 23:31:01.45ID:iTlw5/SN0NIKU
>>91
about:config

browser.taskbarTabs.enabled

false へ変更

で解決した
2025/10/12(日) 19:55:40.42ID:uSjBmNHx0
タブのピン留めを無効化したいです。
2025/10/12(日) 21:44:08.92ID:RR30TZ8y0
はい次の患者さんどうぞ
95名無しさん@お腹いっぱい。 (ワッチョイ 2913-oeTl)
垢版 |
2025/10/13(月) 21:05:51.77ID:QIDqmhl00
Palemoonの"ブックマークツールバーの項目"の横に拡張機能のアイコンやダウンロードボタンを配置すると"ブックマークツールバーの項目"の右側にスペースができてしまいます。
ブラウザツールボックスで確認するとtoolbaritem id="personal-bookmarks" flex="1" title="ブックマーク" removable="true"となっておりflex="0にすると改善されますが、
userchrome.cssへ記述するも反映されず困っておりご教示願います。
2025/10/13(月) 22:12:25.31ID:3/tfhblj0
基地外スレチage厨スルー推奨
97名無しさん@お腹いっぱい。 (ワッチョイ 294e-oeTl)
垢版 |
2025/10/17(金) 04:02:15.24ID:LzVnMlQ10
>>95ですが自己解決しました。
2025/10/17(金) 22:08:03.69ID:6vXNx17x0
な、ガイジスレチage厨だろ👆
2025/10/17(金) 22:50:00.38ID:wVLTfr3/0
e958-iZeJ
2025/11/12(水) 09:04:42.32ID:ZKsWrqFO0
Stylusで、自作のスタイルが効かなくなる(が、Stylusのアイコンには
適用されているように数字が出る)時があるのでなぜかと思っていたら
解決法がようやく判った

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

有効状態と実際の挙動が食い違うのは不具合か
2025/11/12(水) 12:57:43.92ID:aIUziDSj0
Firefox 145.0
右クリックメニューの「選択部分へのリンクをコピー」と「追跡を除去した選択部分へのリンクをコピー」
を非表示にするにはどう書いたらいいでしょうか?
2025/11/12(水) 14:22:19.27ID:S9zCyDLR0
menuitem[label="選択部分へのリンクをコピー"],
menuitem[label="追跡を除去した選択部分へのリンクをコピー"] {
display: none !important;
}
2025/11/12(水) 18:16:25.11ID:pzhQRRBg0
>>102
ありがとうございます
今までの要素を非表示にするのとやり方が変わったんですかね?
2025/11/15(土) 20:25:41.02ID:afCCCzLW0
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;
}

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

大学生アイラと影の怪物と戦うリョウが、深夜3時3分の静止した世界で交錯する超常スリラーの概要

ニューススポーツなんでも実況