Question

  #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按钮上显示一个图标（一个小火狐）和一个名为 FlipClock 的插件。 / p>

我想用另一张图片替换chrome://branding/content/icon16.png（小火狐）。但是，我申请的图像太大了。

完整时尚的代码：tny.cz/44499fac
原橙色Firefox按钮：
应用用户风格后：
The image I want to use (Click for proper image):
这就是我的尝试：

如何设定尺寸？
谢谢！

Answer 1

似乎没有办法用CSS扩展list-style-image 参考：

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

然而，我冒昧地为你缩小这个形象。它的尺寸为32x32和16x16，保留了透明度请注意，减少大图像，并不总能成为一个好的图标。 ;）

16x16:

32x32:

（以灰色背景显示，以证明保持透明度。）

Answer 2

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

如何设置橙色Firefox按钮显示的图标大小？

2 个答案: