2
  #main-window #appmenu-button{
    background:transparent !important;  
    background-color:transparent !important;
    box-shadow: rgb(252,252,252) -0.5px -0.5px 0.5px !important;
            border: 1px solid rgba(245,245,245,0.899) !important;
            border-radius: 0.25em !important;
    outline: 1px solid rgba(222,225,225,0.799) !important;
            -moz-outline-radius: 0.3em !important;
            outline-offset: -1px !important;
    list-style-image:url("chrome://branding/content/icon16.png") !important;
    min-width:78px !important;
    padding-right:56px !important;
    margin-right:-56px !important;
    padding-left:0px !important;
    margin-left:0px !important;
 }

これは、アイコン(小さなFirefox)とオレンジ色のFirefoxボタンにFlipClockと呼ばれるアドオンを表示するために使用するユーザースタイルのコードの一部です。

chrome://branding/content/icon16.png(小さなFirefox)を別の画像に置き換えたい。しかし、私が適用した画像は大きすぎます。

サイズを設定するにはどうすればよいですか?
ありがとう!

4

2 に答える 2

1

list-style-imageCSS でa をスケーリングする方法はないようです。
参照:

したがって、唯一の手段は、画像のサイズを変更することです。これは、多くの画像エディターの 1 つを使用して行うことができます。それを実行して透明性を維持する方法については、superuser.comおよび/またはwebappsで検索および/または質問してください。

ただし、その画像を縮小する自由を取りました。これは、32x32 と 16x16 のサイズで、透明度が保持されています。
大きな画像を縮小しても、常に適切なアイコンになるとは限らないことに注意してください。;)

16x16:16px ロゴ

32x32:32px ロゴ

(透明度が保持されていることを示すために、灰色の背景で表示されます。)

于 2012-09-08T21:56:27.543 に答える
0

Photoshop またはその他のソフトウェアを使用して画像のサイズを変更し、アルファ レイヤー付きの 16x16 PNG 画像を作成します。

于 2012-09-08T16:01:40.847 に答える