[過去ﾛｸﾞ] userChrome.css・userContent.cssスレ Part12 (631ﾚｽ)
上下前次1-新
このｽﾚｯﾄﾞは過去ﾛｸﾞ倉庫に格納されています｡
次ｽﾚ検索 歴削→次ｽﾚ 栞削→次ｽﾚ 過去ﾛｸﾞﾒﾆｭｰ
592(1): (ﾜｯﾁｮｲ d335-Q0z2) 2023/11/01(水)15:53 ID:AjY8Q9D10(1/3) AAS
アドレスバーの候補表示設定を全てチェックを外すとポップアップで候補が表示されなくなりますが
URLをクリックすると青い枠が表示されます
目障りなので青い枠を表示させないようにするcssを教えてください
以下はだめでした
#urlbar:-moz-focusring {
outline: none !important;
}
593(1): (ﾜｯﾁｮｲ 2158-9BPk) 2023/11/01(水)16:26 ID:8JmZmfoZ0(1) AAS
以下が効かなくなったのですが修正方法を教えてください
img:-moz-loading{visibility:hidden!important;}
594(1): (ﾜｯﾁｮｲ d335-Q0z2) 2023/11/01(水)20:23 ID:AjY8Q9D10(2/3) AAS
ブラウザツールボックス内のコンテキストメニューの縦幅サイズが大きいのですが
ここはuserChrome.cssでのカスタムはムリでしょうか？
以下は効きませんでした
menuitem, menu
{ padding: 2px 5px 2px 5px !important; }
595(1): (ﾜｯﾁｮｲ 1397-c8RC) 2023/11/01(水)21:48 ID:wAXBWz1U0(1) AAS
>>594
ブラウザツールボックス用のcssはchrome_debugger_profile\chromeの中に置く
596: (ﾜｯﾁｮｲ d335-Q0z2) 2023/11/01(水)22:01 ID:AjY8Q9D10(3/3) AAS
>>595
できました！ありがとうございます
597(1): (ﾜｯﾁｮｲ d3ba-Q0z2) 2023/11/02(木)14:09 ID:m2u+gzLF0(1/2) AAS
>>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;
省1
598(1): (ﾜｯﾁｮｲ b1be-QCFe) 2023/11/02(木)17:28 ID:D5QlkTpH0(1) AAS
>>597
#urlbar-background {
outline: none !important;
box-shadow: none !important;
}
599: (ﾜｯﾁｮｲ d3ba-Q0z2) 2023/11/02(木)19:16 ID:m2u+gzLF0(2/2) AAS
>>598
ありがとうございます！
600(1): (ﾜｯﾁｮｲ 22f5-jfG6) 2023/11/07(火)21:42 ID:c+tTtFER0(1) AAS
UIのポップアップメニューのマウスオーバー色は変えたいけど
コンテンツ内のプルダウンメニューのマウスオーバー色はデフォルトにしたいです
以下ではblueにはなりませんでしたが、デフォルトのマウスオーバー色にもなりませんでした
ご教示のほどお願いします
/* ポップアップメニューアイテムのマウスオーバー色 */
menuitem:hover {
background-color: blue !important;
}
/* コンテンツ内プルダウンメニューアイテムのマウスオーバー色 */
.ContentSelectDropdown-item-0:hover {
省2
601(1): (ﾜｯﾁｮｲ 31be-Zzzn) 2023/11/08(水)07:06 ID:+nsDVE5s0(1) AAS
>>600
menupopup:not(#ContentSelectDropdownPopup) :is(menu, menuitem):not([disabled])[_moz-menuactive] {
background-color: blue !important;
}
602: (ﾜｯﾁｮｲ 22d3-jfG6) 2023/11/08(水)10:11 ID:oaEIXEKj0(1) AAS
>>601
menuitem:not(.ContentSelectDropdown-item-0):hover
で除外できました。ありがとうございます。
後方でinitial等で初期値を上書きできればと思ったんですが、うまくいかないものですね。
603: (ﾜｯﾁｮｲ 9d11-9NWm) 2023/11/09(木)14:55 ID:mKBsKUDr0(1) AAS
>>560
557じゃないけどありがとうございます
604: (ﾜｯﾁｮｲ c64a-jfG6) 2023/11/09(木)16:55 ID:xJjECzt90(1/2) AAS
:where(.aaa, .bbb)
がなんとなく調子悪いので
:is(.aaa, .bbb)
を使ってる
:whereって複数選択できないのかな？
605: (ﾜｯﾁｮｲ 4297-sdYh) 2023/11/09(木)17:17 ID:lYn3aIN50(1) AAS
:whereは詳細度上がらないから有無を言わさずルール上書きしたい場合に向かない
606: (ﾜｯﾁｮｲ c64a-jfG6) 2023/11/09(木)19:02 ID:xJjECzt90(2/2) AAS
なるほど、やっぱり:isを使うべきか
607(1): (ｽｯﾌﾟｰT Sdc2-jfG6) 2023/11/10(金)15:40 ID:voYkgPVmd(1) AAS
Chromeだったらアドオンでいくつかあるのだけど、Firefoxには見当たらないので、
YouTubeのコントロールバーをプレイヤーの下に表示するCSSを作りました。
標準プレイヤーのみの対応ですが、よければ使ってください。
/* 標準プレイヤーの高さをコントロールバーの分増やす */
ytd-watch-flexy:not([theater]) #player-container-inner {
height: 51px !important
}
/* プレイヤーバックの色変更 */
ytd-watch-flexy:not([theater]) #movie_player {
background-color: #000000 !important
省7
608: (ﾜｯﾁｮｲ 194f-jfG6) 2023/11/10(金)20:24 ID:f3pKcrn20(1/2) AAS
Firefoxのポップアップの背景色だけ有効にしたいでのですが
どのようにすれば良いですか
/* ポップアップ */
.menupopup-arrowscrollbox{
background-color: Pink !important;
}
609: (ﾜｯﾁｮｲ 22f5-jfG6) 2023/11/10(金)21:03 ID:WOCSS5Dk0(1) AAS
Pinkじゃなくてとりあえずredで試してみたら？
俺は以下で変えられてる
/* ポップアップメニューの背景色 */
.menupopup-arrowscrollbox {
background-color: #F2F2F2 !important;
}
610: (ﾜｯﾁｮｲ 194f-jfG6) 2023/11/10(金)23:08 ID:f3pKcrn20(2/2) AAS
FirefoxのUI以外はどのように除外すればよいのでしょう？
一部のサイトで色が変わってしまいます
611(1): (ﾜｯﾁｮｲ 1f5e-gzdM) 2023/11/11(土)06:02 ID:DRpcqQZc0(1/2) AAS
>>607
:root {
--controller-height: 51px;
}
#full-bleed-container {
margin-bottom: var(--controller-height) !important;
}
ytd-watch-flexy[theater] {
z-index: 0 !important;
}
省16
上下前次1-新書関写板覧索設栞歴
あと 20 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.017s