userChrome.css・userContent.cssスレ Part12

2022/04/21(木) 23:24:46.59

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

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

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

2023/09/06(水) 21:16:31.65

確かにログイン状態で出てきますね

2023/09/06(水) 21:39:03.58

AutoCloseBookMarkFoldeが使えなくなったら凄く不便になった。
別にVivaldiを使っているけど、こっちは自動で閉じないけど右クリックで全フォルダを閉じるって出来るから、使い勝手が逆転してしまった。

2023/09/07(木) 05:56:01.19

>>503

@-moz-document domain("mercari.com") {
.icon-container {
display: none !important;
}
}

2023/09/07(木) 07:16:31.84

>>509
ありがとうございます
でもなぜか消えないです

2023/09/07(木) 20:41:13.83

>>510
よく見たら>>503と書いてることは一緒だね
Stylusでは消えたからcssじゃなく何か別の原因があるんだろう

2023/09/08(金) 07:48:18.48

>>511
メルカリページが変な読み込み方をしているようで、userContent.cssでは効かなかったため
ユーザスクリプト.jsで非表示にしました。
ありがとうございました（Stylusも使ってみようかなぁ…）

2023/09/08(金) 10:00:55.12

Firefox内部ページあるいは全ページに適用したい場合以外にuserContent.cssがStylusに勝るメリットはほぼないような（再起動しなくていいし）
まあStylishの件もあったし極力第三者のアドオン入れたくないってのはあるのか

要素非表示したいだけなら広告ブロッカーでjp.mercari.com##.icon-containerを指定するのでもいいな

2023/09/08(金) 10:30:29.14

>>513
これまでuserContent.css変更してリロードで反映されてたと思ったんですが、
確かに再起動したら >>509 でいけました
お騒がせしました

そうですね、アドオンはできるだけ少なくしたいです

2023/09/08(金) 11:30:08.65

アドオンは40以上入れてるなぁ

2023/09/09(土) 06:21:19.78

サイドバーのブックマークで、フォルダをマウスオーバーした時に表示されるツールチップ
の横幅を変更したいです。できたら、通常のブックマークの方も。

2023/09/09(土) 07:59:41.59

>>516

#bhTooltip > .places-tooltip-box {
width: 300px !important;
}

300のところを好きな幅にする
履歴のツールチップ幅も変わるけど現状cssだけでは対応できないっぽい

2023/09/09(土) 08:19:34.34

>>516
/* サイドバーの幅の制限を無くす */
#sidebar-box {
min-width: 5px !important;
overflow-x: hidden !important;
}
#sidebar {
max-width: none !important;
overflow-x: hidden !important;
}

2023/09/17(日) 00:09:30.82

すべての右クリックメニューの背景色と文字の色を指定したいです
出来ますか？

2023/09/17(日) 00:39:37.37

できます

2023/09/17(日) 02:15:26.46

>>520
ありがとう出来ました
意図しない部分の変更も別途指定しできますた。

2023/09/17(日) 03:45:34.30

>>517
横からだが助かった
横幅を100にしたついでに
背景色が真っ黒で鬱陶しくて仕方なかったのをグレーにできた

2023/09/17(日) 14:23:09.41

な、age厨だろ👆

2023/09/17(日) 14:58:27.65

>>523
何か問題でも？

2023/09/17(日) 16:06:11.95

なあ Get You だろ

2023/09/17(日) 16:15:53.42

>>525
まともに対話もできない基地外かよｗ

2023/09/28(木) 16:40:20.27

UIのフォントサイズを変更したいのですが検索バーの検索のフォントサイズだけ何を書いても変わりません
どなたかわかりませんでしょうか

2023/09/28(木) 17:07:56.67

検索バーの検索のフォントサイズ

どこなのか不明

2023/09/28(木) 18:17:23.82

ttps://qiita.com/tomoki1207/items/001af8e01a392cfc22fd
ここを参考にマウスオーバーでラベルを表示出来るようにしていたんだけどアップデートでesr115になったら出来なくなりました
良い方法があれば教えてください

2023/09/28(木) 19:45:48.21

>>529
Group Speed Dial利用してないなら下記
/*#nav-bar {
background-color:transparent !important;
}
#PersonalToolbar {
position: absolute;
top: 63px;
left: 0;
width: 100%;
height: 33px;
z-index: 9999;
visibility: collapse !important;
-moz-transition-duration: .15s !important;
-moz-transition-timing-function: ease-in-out !important;
}
#navigator-toolbox:hover > #PersonalToolbar {
visibility: visible !important;
-moz-transition: .15s ease-in-out;

2023/09/28(木) 19:48:36.11

いまは下記を利用
#PersonalToolbar{
--uc-bm-height: 20px;
--uc-bm-padding: 4px;
--uc-autohide-toolbar-delay: 300ms;
--uc-autohide-toolbar-focus-rotation: 0deg;
--uc-autohide-toolbar-hover-rotation: 0deg;
}
:root[uidensity="compact"] #PersonalToolbar{ --uc-bm-padding: 1px }
:root[uidensity="touch"] #PersonalToolbar{ --uc-bm-padding: 7px }
#PersonalToolbar:not([customizing]){
position: relative;
margin-bottom: calc(0px - var(--uc-bm-height) - 3.5 * var(--uc-bm-padding));
transform: rotateX(90deg);
transform-origin: top;
transition: transform 160ms linear var(--uc-autohide-toolbar-delay) !important;
z-index: 1;
}
#PlacesToolbarItems > .bookmark-item{ padding-block: var(--uc-bm-padding) !important; }
#nav-bar:focus-within + #PersonalToolbar{
transition-delay: 300ms !important;
transform: rotateX(var(--uc-autohide-toolbar-focus-rotation,0));
}
#navigator-toolbox:hover > #PersonalToolbar{
transition-delay: 300ms !important;
transform: rotateX(var(--uc-autohide-toolbar-hover-rotation,0));
}
#navigator-toolbox:hover > #nav-bar:focus-within + #PersonalToolbar {
transform: rotateX(0);
}

2023/09/28(木) 19:50:20.77

表示したとき、下ねズレても良いなら
/*#nav-bar {
background-color:transparent !important;
}
#PersonalToolbar:not(:hover) {
visibility: collapse !important;
background-color:transparent !important;
-moz-transition-duration: .15s !important;
-mozt-ransition-timing-function: ease-in-out !important;
}
#navigator-toolbox:hover > #PersonalToolbar {
visibility: visible !important;
-moz-transition: .15s ease-in-out;
}

2023/09/29(金) 23:47:09.01

>>527

/* URLバー,検索バー */
#urlbar-input-container,
#searchbar,#urlbar,
#navigator-toolbox .searchbar-textbox
{
background-color: #252525!important;
color: #ffffff!important;
font-size: 11px !important;
border-radius: 5px;
Outline: none !important;
}

2023/09/29(金) 23:54:57.50

/* 検索バー・URLバー・サイドバーのグレイテキストを非表示 */
#searchbar *|input::placeholder,
#urlbar *|input::placeholder,
#sidebar-search-container *|input::placeholder,
.findbar-textbox *|input::placeholder {
color: transparent !important;
}

2023/10/03(火) 13:55:03.07

メールの背景色をストライプにして、選択行のフォントをサイズアップする事まではできたんですが、
選択行の背景色を変える事ができません。開発ツールで見たところ、選択行の background-color が
取り消し線＋グレーアウトで無効化されているようです。うまく背景色も変える方法はありませんか？

/* 今現在、こんな感じです、、、orz */
#threadTree tr:nth-of-type(even) {
background-color: #c8c8ff !important;
}
#threadTree tr:nth-of-type(odd) {
background-color: #e0e0ff !important;
}
[is="tree-view-table-body"]:focus tr[is="thread-row"].selected, [is="tree-view-table-body"]:focus-within tr[is="thread-row"].selected, [is="tree-view-table-body"] tr[is="thread-row"].selected:focus-within {
font-weight: bold;
font-size: 16px;
color: #000000 !important;
　background-color: #ff0000 !important;
}

2023/10/03(火) 13:55:22.93

メールの背景色をストライプにして、選択行のフォントをサイズアップする事まではできたんですが、
選択行の背景色を変える事ができません。開発ツールで見たところ、選択行の background-color が
取り消し線＋グレーアウトで無効化されているようです。うまく背景色も変える方法はありませんか？

/* 今現在、こんな感じです、、、orz */
#threadTree tr:nth-of-type(even) {
background-color: #c8c8ff !important;
}
#threadTree tr:nth-of-type(odd) {
background-color: #e0e0ff !important;
}
[is="tree-view-table-body"]:focus tr[is="thread-row"].selected, [is="tree-view-table-body"]:focus-within tr[is="thread-row"].selected, [is="tree-view-table-body"] tr[is="thread-row"].selected:focus-within {
font-weight: bold;
font-size: 16px;
color: #000000 !important;
　background-color: #ff0000 !important;
}

2023/10/03(火) 13:55:41.66

メールの背景色をストライプにして、選択行のフォントをサイズアップする事まではできたんですが、
選択行の背景色を変える事ができません。開発ツールで見たところ、選択行の background-color が
取り消し線＋グレーアウトで無効化されているようです。うまく背景色も変える方法はありませんか？

/* 今現在、こんな感じです、、、orz */
#threadTree tr:nth-of-type(even) {
background-color: #c8c8ff !important;
}
#threadTree tr:nth-of-type(odd) {
background-color: #e0e0ff !important;
}
[is="tree-view-table-body"]:focus tr[is="thread-row"].selected, [is="tree-view-table-body"]:focus-within tr[is="thread-row"].selected, [is="tree-view-table-body"] tr[is="thread-row"].selected:focus-within {
font-weight: bold;
font-size: 16px;
color: #000000 !important;
　background-color: #ff0000 !important;
}

2023/10/04(水) 07:38:29.93

メールって何の話だ？

2023/10/04(水) 10:39:17.09

>>535
最後の
　background-color: #ff0000 !important;
の行頭だけ全角の空白になっているけどそれのせいでは?

2023/10/04(水) 15:02:24.11

スレッドツリーって要素名出てるじゃん。
試しに537の適用してみたら空色系のストライプになるのな。
が、俺じゃ537のやりたい事は解決できんかったわ。

2023/10/07(土) 17:06:54.98

age厨に構うなよ
基地外が感染るぞ

2023/10/07(土) 19:38:44.76

#threadTree tr:nth-of-type(even) {
background-color: #c8c8ff !important;
}
#threadTree tr:nth-of-type(odd) {
background-color: #e0e0ff !important;
}　　

の!important外したら良いんじゃ無いか？

2023/10/14(土) 03:47:46.43

はーい。○○（なんか名前）ちゃん。至急、1階理科室に来てねー♪」（校内放送風）

2023/10/15(日) 01:52:19.51

536です。542で提示された方法で上手くいきました。感謝！

2023/10/15(日) 01:52:33.12

536です。542で提示された方法で上手くいきました。感謝！

2023/10/15(日) 19:04:37.00

久しぶりにfirefox入れたらタブとタブの境目がなくなって難儀してます

/* タブ間のセパレータ表示 */
#tabbrowser-arrowscrollbox .tabbrowser-tab {
border-right: 1px solid color-mix(in srgb, -moz-accent-color-foreground 30%, transparent) !important;
padding-inline: 0px !important;
}

前に使ってたcssはこれっぽかったんですが、今は使えないみたいなのでよければ教えてくれるとうれしいです

2023/10/15(日) 19:39:22.72

Firefox 103以降

以下の変更があるので注意
-moz-accent-color-foreground は AccentColorText に変更
-moz-accent-color は AccentColor に変更

2023/10/22(日) 09:35:55.31

>>547
あ、なるほど。ありがとうございます。そりゃだめなわけだ　書き直しですね・・・

2023/10/24(火) 13:02:13.78

皆この馬鹿みたいに無駄で長いコンテキストメニュー使ってんの？
やっぱChromeに戻るわ

**sage** (ﾜｯﾁｮｲ 4a83-C1SI) · 2023/10/25(水) 03:15:54.66

119.0にしたら
/* タブの上部のライン */
.tab-background[multiselected],
.tab-background[selected="true"] {
background: linear-gradient(to bottom, #0A84FF 2px, var(--toolbar-bgcolor) 0px) !important;
outline: none !important;
}
が効かなくなってしまった。もうアクティブタブのラインって無理ですか？

**sage** (ﾜｯﾁｮｲ 4a83-C1SI) · 2023/10/25(水) 03:16:07.22

119.0にしたら
/* タブの上部のライン */
.tab-background[multiselected],
.tab-background[selected="true"] {
background: linear-gradient(to bottom, #0A84FF 2px, var(--toolbar-bgcolor) 0px) !important;
outline: none !important;
}
が効かなくなってしまった。もうアクティブタブのラインって無理ですか？

2023/10/25(水) 03:45:13.02

>>550
.tab-background[selected]

2023/10/25(水) 04:13:13.12

>>552
出来ました。ありがとうございます♪

2023/10/25(水) 08:58:47.66

>>549
なんの話？w

**名無しさん＠お腹いっぱい。** (CA 0Hb1-6fVo) · 2023/10/25(水) 09:03:45.28

>>549
（　´,_ゝ`）ﾌﾟｯ

2023/10/25(水) 10:32:45.07

>>551
これって118.0.2の新規プロファイルで試してみたんですがタブの見た目に変化はありませんでした
どのような感じになるのか画像をお願いできませんでしょうか
もし有用そうなら私も使用しようかなと思いまして

2023/10/25(水) 14:51:47.05

http://egg.5ch.net/test/read.cgi/software/1622565390/238

/* 選択中のタブの色をツールバーと同一化 */
.tab-background[selected="true"] {
color: var(--toolbar-color) !important;
background-color: var(--toolbar-bgcolor) !important;
}

119.0で効かなくなりました
修正箇所ありましたら教えてください

2023/10/25(水) 15:39:59.51

>>552
横からありがとー

2023/10/25(水) 17:24:24.10

>>552
>>551のどの部分を置き換えるのでしょうか

新規のuserChrome.cssに>>551だけ書いて

.tab-background[multiselected],
.tab-background[selected="true"]

それぞれどちらかを.tab-background[selected]に置き換えても変化なし
2行とも消して.tab-background[selected]だけ書いても変化なしでした

118.0.2では>>551,557で反映されていました

2023/10/25(水) 20:31:07.85

>>557
selected="true"を　selected

2023/10/25(水) 21:25:46.63

ええ…今迄のCSSそのまま使えるんなら、.tab-context-lineまで馬鹿正直に指定し直したのは無駄だったんか

/* 選択タブ上部のラインを強調 */
.tabbrowser-tab:is([multiselected],[selected="true"]):not(:-moz-lwtheme) .tab-stack .tab-background {
background: rgb(255,255,255) !important;
}
.tabbrowser-tab:is([multiselected],[selected="true"]) .tab-stack .tab-background .tab-context-line {
border-top: 2px solid rgb(64,128,251) !important;
}
/* 非選択タブ上部の枠線 */
.tabbrowser-tab:not([multiselected],[selected="true"]) .tab-stack .tab-background {
background: linear-gradient(to bottom, rgba(100, 100, 100, 1.0) 1px, rgba(77, 77, 77, .20) 0%, rgba(77, 77, 77, .20) 100%) !important;
}

2023/10/26(木) 00:29:42.90

タブバーの背景色をメニューバーから引き継ぎたいんですが、
--toolbar-bgcolorみたいなのありますか？

#tabbrowser-tabs {
background-color: var(--menubar-bgcolor) !important;
}

2023/10/26(木) 00:50:54.58

その上の方でroot で色指定してるんじゃね

2023/10/26(木) 07:39:17.71

>>552
横からだけどありがとう｡
同じくタブ上部のラインの色が効かなくてここに来ました｡
無事解決した｡

2023/10/26(木) 07:39:25.81

>>552
横からだけどありがとう｡
同じくタブ上部のラインの色が効かなくてここに来ました｡
無事解決した｡

2023/10/26(木) 08:10:57.31

>>563
上の方ではメニューバーの色を指定してるんですが（rootでは指定していません）、この色が--menubar-bgcolorに反映されません
そもそも--menubar-bgcolorなんてものは無くて、適切な文字列があるのでしょうか？

/* メニューバーの背景色 */
#toolbar-menubar, menubar#main-menubar > menu {
background-color: #E3E4E6 !important;
}
/* タブバーの背景色 */
#tabbrowser-tabs {
background-color: var(--menubar-bgcolor) !important; /* 反映されない？ */
}

2023/10/26(木) 08:56:11.14

あー、もしかして--toolbar-bgcolor変数なんてものもなくて
cssの上の方で--toolbar-bgcolorをユーザ定義してるってことですかね
でも--toolbar-bgcolorはユーザ定義してないですがちゃんと色入ってますね

2023/10/26(木) 12:16:41.38

>>567
--toolbar-bgcolorは:rootでブラウザが定義してる
スタイル当てたらそれらしい変数に勝手に割り当ててくれるなんて機能はない
値を使いまわしたいなら:rootでなくてもいいから共通の親で自分でcss変数定義すればいい

2023/10/26(木) 13:27:59.67

>>568
やっぱり--toolbar-bgcolorはブラウザ定義なんですね
そういうブラウザ定義のリストってどこかにありませんか？

2023/10/26(木) 13:46:30.08

このへんじゃね?
chrome://browser/skin/browser-shared.css

2023/10/26(木) 14:28:50.61

>>552
>>560
ありがとう
でもできなかったです

>>561
こちらでタブ上部ラインとタブの色をツールバーと同一化
できましたありがとう

2023/10/26(木) 15:49:39.80

>>570
ありがとうございます！

2023/10/27(金) 00:03:37.40

ブックマークアイテムを右クリックするとコンテキストメニューが出るけど
選択したブックマークアイテムの背景色が選択されてない状態に戻ってしまいます

選択したブックマークアイテムの背景色を残したままコンテキストメニューを開いて選択できるような挙動にするには
どのようなcssになりますか？お願いします

2023/10/27(金) 18:08:13.21

/* サイドバーの背景色 */
#historyTree,
#bookmarks-view treechildren,
#bookmarksPanel/* 検索ボックスの周囲の色 */ {
background-color: #3C444B!important;
border: solid 1px #3C444B !important;
}

/* クリック中選択状態のボーダーを消す */
treechildren::-moz-tree-row(current, focus) {
border: 1px dotted #F3D982 !important;
outline: none !important;
}

/* クリック中選択状態のアイテム */
#bookmarksPanel treechildren::-moz-tree-row(selected,current,focus) {
background-color: #6a788a !important;
border: solid 1px #495361 !important;
}

2023/10/27(金) 18:08:46.58

/* 非アクティブ状態で選択状態のテキスト */
#bookmarksPanel treechildren::-moz-tree-cell-text(selected) {
color: #ffffff !important;
background-color: #6a788a !important;
}
/* 背景色 */
#bookmarksPanel treechildren::-moz-tree-row(selected) {
background-color: #6a788a !important;
border: solid 1px #495361 !important;
}

/* アクティブ状態で、選択状態のテキスト */
about:stylish-edit?id=15#bookmarksPanel treechildren::-moz-tree-cell-text(selected,focus) {
color: #ffffff !important;/*白抜き文字*/
background-color: #6a788a !important;
}

2023/10/27(金) 18:09:56.96

/* セパレーター */
#bookmarksPanel treechildren::-moz-tree-separator {
border: 1px dotted #c7c7c7 !important;
margin-bottom: 1px !important;
margin-right: 10px !important;
}

2023/10/27(金) 19:59:41.11

サイドバー開いて､サイドバーのブックマーク欄の空白部分をクリックした時に出るこの水色の点線枠消したいのですが､
お教え下さい｡
https://i.imgur.com/4vEL74M.png

2023/10/27(金) 20:27:12.12

>>574
こうですか？うまく緑になりませんがどこか違うんでしょうね…
#bookmarksMenu menupopup > menuitem treechildren::-moz-tree-row(selected)
{ background-color: green !important; }

2023/10/27(金) 22:40:40.30

ツイキャスの配信開始時に出るクリックしないと消えないダイアログ？を出ないようにする方法ありますか？

2023/10/29(日) 11:14:49.21

>>577

/* 選択中の点線を消す */
:root {
--default-focusring-width : 0px !important;
}

上記消えない場合か不都合があれば↓で。

/* 選択中の点線を消す */
treechildren::-moz-tree-row(current, focus) {
border: 1px dotted #F3D982 !important; /* 周囲と同じ色を指定する */
outline: none !important;
}

2023/10/29(日) 14:06:26.62

>>580
ありがとうございます！
上のCSSで無事消せました！
感謝です｡

2023/10/30(月) 00:19:05.47

んー上のやってみたがタブの色戻らんなぁ

2023/10/30(月) 00:39:04.32

ホバーのときはもとので出来るのに

2023/10/30(月) 01:15:04.63

.tabbrowser-tab[selected] > .tab-stack > .tab-background{

できたわ

2023/10/30(月) 08:07:53.73

描画速度としてはCSSセレクタは子セレクタ（>でつなげる）よりも、小孫セレクタ（スペースでつなげる）の方が速いらしいって聞いて
子セレクタで書いてたやつをほとんど小孫セレクタに書き換えたわ、体感的には分からんけど
ブラウザで取得できるCSSセレクタも小孫セレクタだしな

2023/10/30(月) 09:27:01.83

タブが１つの時はタブバーを非表示にしたいんですが、以下ではうまくいきませんでした
どのようなセレクタが適切でしょうか？教えて頂ければ幸いです

tab:only-of-type:has(#TabsToolbar)
{
display: none !important;
}

2023/10/30(月) 10:45:47.94

>>586
逆
#TabsToolbar:has(tab:only-of-type) {
display: none !important;
}

2023/10/30(月) 13:54:38.64

>>587
ありがとうございます、でもhas使いこなせず結局うまくいかなかったので
以下を参考にしてタブバー隠せました
https://support.mozilla.org/en-US/questions/1394300

tab:only-of-type, tab:only-of-type + #tabbrowser-arrowscrollbox-periphery
{ display: none !important; }

2023/10/30(月) 20:37:26.66

つべの投稿が何日前とかじゃなく投稿日で見えるようにするやつ
前は後者だけだったのだがhoverするまでの位置が安定しなかった
背景はダーク用な
/* 次のの直前:最初からサイズ0なのだが次のの位置決定に悪さする対策 */
tp-yt-paper-tooltip.style-scope.ytd-watch-info-text
{left: 0px !important; top: 0px !important;}
/* 有効になったときに動くと鬱陶しいので元の位置も変えておく */
div#description div#tooltip.style-scope.tp-yt-paper-tooltip,
div#description div#tooltip.style-scope.tp-yt-paper-tooltip.hidden
{display:block !important; width:621px; height:13px;
position:absolute; top:-3px; left:-5px;
background:#282828; font-size:13px !important;}

2023/10/31(火) 00:32:26.75

119、visuallyselected使えなくなってる？

2023/11/01(水) 15:34:22.06

>>0588
横から Many thanks!

2023/11/01(水) 15:53:27.22

アドレスバーの候補表示設定を全てチェックを外すとポップアップで候補が表示されなくなりますが
URLをクリックすると青い枠が表示されます
目障りなので青い枠を表示させないようにするcssを教えてください

以下はだめでした
#urlbar:-moz-focusring {
outline: none !important;
}

2023/11/01(水) 16:26:18.91

以下が効かなくなったのですが修正方法を教えてください
img:-moz-loading{visibility:hidden!important;}

2023/11/01(水) 20:23:59.23

ブラウザツールボックス内のコンテキストメニューの縦幅サイズが大きいのですが
ここはuserChrome.cssでのカスタムはムリでしょうか？
以下は効きませんでした
menuitem, menu
{ padding: 2px 5px 2px 5px !important; }

2023/11/01(水) 21:48:46.01

>>594
ブラウザツールボックス用のcssはchrome_debugger_profile\chromeの中に置く

2023/11/01(水) 22:01:33.38

>>595
できました！ありがとうございます

2023/11/02(木) 14:09:26.40

>>592のやつですが以下で青色が出ないようにはできました
ただ、枠外のボーダーかシャドウがまだ出てしまうので、それも出ないようにしたいです
（つまりURLバーをクリックしても見た目が変わらないようにしたい）
現状以下です、よろしくお願いします

/* アドレスバーにフォーカスしても見た目を変えない */
#urlbar {
--toolbar-field-focus-border-color: var(--toolbar-field-border-color) !important;
--toolbar-field-focus-background-color: var(--toolbar-field-background-color) !important;
box-shadow: 0px !important;
border: 0px !important;
}

2023/11/02(木) 17:28:01.25

>>597
#urlbar-background {
outline: none !important;
box-shadow: none !important;
}

2023/11/02(木) 19:16:48.26

>>598
ありがとうございます！

2023/11/07(火) 21:42:22.00

UIのポップアップメニューのマウスオーバー色は変えたいけど
コンテンツ内のプルダウンメニューのマウスオーバー色はデフォルトにしたいです
以下ではblueにはなりませんでしたが、デフォルトのマウスオーバー色にもなりませんでした
ご教示のほどお願いします

/* ポップアップメニューアイテムのマウスオーバー色 */
menuitem:hover {
background-color: blue !important;
}
/* コンテンツ内プルダウンメニューアイテムのマウスオーバー色 */
.ContentSelectDropdown-item-0:hover {
background-color: initial !important;
}

2023/11/08(水) 07:06:08.77

>>600
menupopup:not(#ContentSelectDropdownPopup) :is(menu, menuitem):not([disabled])[_moz-menuactive] {
background-color: blue !important;
}

2023/11/08(水) 10:11:01.21

>>601
menuitem:not(.ContentSelectDropdown-item-0):hover
で除外できました。ありがとうございます。
後方でinitial等で初期値を上書きできればと思ったんですが、うまくいかないものですね。

2023/11/09(木) 14:55:57.94

>>560
557じゃないけどありがとうございます

2023/11/09(木) 16:55:27.65

:where(.aaa, .bbb)
がなんとなく調子悪いので
:is(.aaa, .bbb)
を使ってる

:whereって複数選択できないのかな？

2023/11/09(木) 17:17:51.52

:whereは詳細度上がらないから有無を言わさずルール上書きしたい場合に向かない

2023/11/09(木) 19:02:11.37

なるほど、やっぱり:isを使うべきか