userChrome.css・userContent.cssスレ Part14

2024/03/14(木) 05:47:51.97

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

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

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

2024/03/14(木) 05:48:25.31

●CSS有効化

userChrome.css / userContent.css を使う場合
about:config もしくは user.js で「toolkit.legacyUserProfileCustomizations.stylesheets」を「true」に設定

●自力で調べるには

Browser Toolbox
https://firefox-source-docs.mozilla.org/devtools-user/browser_toolbox/index.html
https://web.archive.org/web/20220328185954/https://developer.mozilla.org/ja/docs/Tools/Browser_Toolbox
Select an element
https://firefox-source-docs.mozilla.org/devtools-user/page_inspector/how_to/select_an_element/index.html
セレクタやプロパティなどはどうやって調べるの（例）
https://egg.5ch.net/test/read.cgi/software/1650551086/43

2024/03/14(木) 08:25:05.00

>>1
乙

2024/03/14(木) 09:58:01.71

>>1乙

2024/03/17(日) 14:02:11.15

タブコンテキストのセパレータ
#tabContextMenu >menuseparator

2024/03/17(日) 16:40:07.86

IDがある要素を基準にすると良いだろうな
https://www.tohoho-web.com/css/selector.htm
結合子と構造疑似クラスが参考になる

2024/03/17(日) 17:01:58.86

ワイの場合

/* タブコンテキストメニューから非表示 */
.tab-close-button, /* タブを閉じるボタン */
#context_openANewTab, /* [新しいタブ] */
#context_openANewTab + menuseparator, /* [----------------] */
#context_pinTab, /* [タブをピン留め] */
#context_pinSelectedTabs, /* [タブをピン留め] */
#context_duplicateTab, /* [タブを複製] */
#context_duplicateTabs, /* [タブを複製] */
#context_duplicateTabs + menuseparator, /* [----------------] */
#context_bookmarkTab, /* [タブをブックマーク] */
#context_bookmarkSelectedTabs, /* [タブをブックマーク] */
#context_moveTabOptions, /* [タブを移動] */
#context_selectAllTabs + menuseparator, /* [----------------] */
#context_toggleMuteTab, #context_toggleMuteSelectedTabs, /* [タブをミュート] */
.share-tab-url-item, /* [共有] */
#context_closeTab, /* [タブを閉じる] */
#context_closeTabOptions, /* [複数のタブを閉じる] */
#context_undoCloseTab /* [閉じたタブを開きなおす] */
{
display: none !important;
}

2024/03/19(火) 22:58:10.71

#context-searchselectで開く検索結果ページを
新しいウィンドウで開く方法を教えて

今は下のように書いていて新しいタブで開く

#context-searchselect label{display:none !important}
#context-searchselect:after{content:"検索";white-space:pre !important}