42(1): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0b1c-/Gxc) [sage] 2022/05/28(土) 08:18:49.83 ID:YCk82iJr0(1/2) AAS
>>41
ありがとう完璧に動きました
こういったセレクタやプロパティなどはどうやって調べるのでしょうか

FireFoxのブラウザーツールボックスでそれっぽいセレクタを手あたり次第
userCrome.cssに書き込んでもあまりうまくはいきませんでした

ブラウザーツールボックス右上の「…」メニューで「ポップアップを自動で隠さない」にチェックを入れ、対象メニューを開く
ツールボックス左上の矢印アイコンをクリックし、対象メニューをクリック

インスペクターの右サイドバー「ルール」タブの「スタイルを絞り込み」に background と入れる
左のツリーで対象付近の要素を一つ一つ選択しながら
右バーに background: ... または background-color: ... が出てこないか見る

menuitem なんかは backgrond-color: transparent; になっているがこれは透過色
この祖先のどこかで実際の色が設定されているはず…

ツリー上で祖先に向かって要素をたどっていくと、#PlacesToolbar menupopup に
background: var(--arrowpanel-background);
が設定されていることが分かった

画像ﾘﾝｸ


名前が -- で始まり var(...) の形で使われているのはカスタムプロパティ

CSS カスタムプロパティ (変数) の使用 - CSS: カスケーディングスタイルシート | MDN
外部ﾘﾝｸ:developer.mozilla.org

背景色を設定するなら文字色も忘れずに
同じようにして color を探し、値を設定(>>41

41(3): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 97be-GUUK) [] 2022/05/27(金) 22:16:29.62 ID:BS3VLMXr0(1) AAS
>>40
#PlacesToolbar {
--arrowpanel-background: green !important;
--arrowpanel-color: yellow !important;
}