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用另一个图像替换（小火狐）。但是，我申请的图像太大了。

如何设置它的大小？
谢谢！

4

2 回答 2

1

似乎没有办法list-style-image用 CSS 来缩放 a。
参考：

因此，您唯一的办法是调整图像大小——您可以使用许多图像编辑器之一来完成。有关如何做到这一点并保持透明度的信息，请在superuser.com和/或webapps上搜索和/或询问。

但是，我冒昧地为您缩小了该图像。在这里，大小为 32x32 和 16x16，保留了透明度。
请注意，缩小大图像并不总是一个好的图标。;)

16x16：16 像素徽标

32x32：32 像素徽标

（以灰色背景显示以证明保留了透明度。）

于 2012-09-08T21:56:27.543 回答
0

使用 Photoshop 或其他软件重新调整图像大小，并制作 alpha 分层 16x16 PNG 图像

于 2012-09-08T16:01:40.847 回答