webdevqa.jp.net

Firefox 57でツールチップのサイズを大きくするにはどうすればよいですか?

私は現在Firefox56を使用していますが、57で多くのアドオンが機能しなくなるという警告が表示されますが、これは間もなく開始されます。非推奨のアドオンの1つを使用してツールチップのテキストサイズを大きくし、新しいバージョンでその問題を解決する別の方法を探しています。

私は現在、これを行うためにStylishを使用しています。 StylishはStylusに置き換えられていますが、Stylus ツールチップのような内部ブラウ​​ザ要素を変更することはできません Stylishができる方法。 Greasemonkey(まもなくViolentMonkey)スクリプトもCSSを変更できることは知っていますが、これを行うスクリプトを見つけることができず、自分で作成するためのユーザースクリプトについて十分に理解していません。私の検索では、ブラウザのフォントを変更するアドオンもいくつか見つかりましたが、ツールチップを具体的にカスタマイズするアドオンはありませんでした。

ブラウザのツールチップのフォントサイズを変更するために使用できるユーザースクリプトまたは非レガシーアドオンはありますか? 「すべてを大きくする」ようなものは必要ありません。私はすでに他のすべてを調整しました。ツールチップを制御する方法が必要です。

これが私が現在使用しているスタイリッシュなCSSです。 (私はこれを書きませんでした。ユーザースタイルのコレクションで見つけました。)

#btTooltip,
#un-toolbar-tooltip,
#tooltip,
.tooltip,
#aHTMLTooltip,
#urlTooltip,
tooltip
{
  font-size: 16px !important; 
  font-family: tahoma, verdana !important;
  background-color: #FFFFE0 !important;
  color: #000000 !important;
  -moz-appearance: none !important;
  border-color: #000000 !important ;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
}
3
Monica Cellio

上記のコードでほぼ完全な答えを提供しました。スクリプトをuserChrome.cssに追加するだけです。 Windowsでは、そのファイルはC:\ Users \user name\ AppData\Roaming\Mozilla\Firefox\Profiles \profile id。default\chrome、および存在しない場合は、そこに作成できます。どのOSでも、URLabout:supportを入力してプロファイルフォルダーを見つけ、フォルダーchromeを探します。

Profile folder

Mozillaには serChrome.css のドキュメントがあります。このスタイルシートの用途のいくつかは、選択したタブをより明確にし、タブを閉じるボタンを削除し、タブの幅を変更し、サイドバーを事前設定された制限よりも小さくできるようにすることです。ちなみに、このCSSはFirefox57でも引き続き機能します。

ところで、Web Extension APIと互換性のあるFirefox拡張機能を検索するには、タグFirefox57を検索するだけです。

2
DrMoishe Pippik