为提升您的使用体验,本站正在维护,部分功能暂时无法使用。如果本站文章无法解决您的问题,您想要向社区提问的话,请到 Twitter 上的 @FirefoxSupport 或 Reddit 上的 /r/firefox 提问,我们的支持社区将会很快回复您的疑问。

搜索 | 用户支持

防范以用户支持为名的诈骗。我们绝对不会要求您拨打电话或发送短信,及提供任何个人信息。请使用“举报滥用”选项报告涉及违规的行为。

详细了解

Solved - toolbar buttons in address bar

  • 6 个回答
  • 0 人有此问题
  • 3 次查看
  • 最后回复者为 jstewen

more options

Hi,

does anyone know what to do to make the background of the bookmarks icon and the reload icon the same as the icon with the site connection lock? I've exhausted all options in the userChrome.css and cant get the background to change. It's in hover state.

For reference I've added a couple of images, the first how the background is and the second how I would like it to look. I'm on macOS and latest Firefox 111.

Best regards,

Johnny

Hi, does anyone know what to do to make the background of the bookmarks icon and the reload icon the same as the icon with the site connection lock? I've exhausted all options in the userChrome.css and cant get the background to change. It's in hover state. For reference I've added a couple of images, the first how the background is and the second how I would like it to look. I'm on macOS and latest Firefox 111. Best regards, Johnny
已附加屏幕截图

由jstewen于修改

被采纳的解决方案

Got the sucker, yay:-D.

All I needed was to put this pice in the urlbar elementproperties in my userChrome:

--urlbar-min-height: 23px !important;

The underlying factor was, per the Browser Toolbox, that the url bar height for the page-action-buttons was set to 32px where as my userChrome was set to 23px. So I just needed to paste the above code and change it from 32 to 23px.

Thanks for all your help:-).

Below is a screenshot attached to original post to reflect the change.

定位到答案原位置 👍 0

所有回复 (6)

more options

I don't know about those specific icons but you can make the 'hover' background the same for all icons with this. Choose your own colour, of course.

  :root { --button-hover-bgcolor: #6699ff !important; }
more options

Note that if you use a theme, that this can affect the background of toolbar buttons and you may not be able to override it.

more options

@Terry and @cor-el thank you for your answers. I'll try it out when I get home and I'll keep in mind that themes may alter the bavkground.

I'll report back, off course, and mark as solved.

由jstewen于修改

more options

Ok, so I investigated further and found that the icons on the right, when hovering over them, scale with ithe url bar and the icons on the left doesn't. So, the question is what are the elements on the left called and how to get them to scale if possible. Any insight guys?

more options

What code are you currently using in userChrome.css that might possibly affect this area ?

more options

选择的解决方案

Got the sucker, yay:-D.

All I needed was to put this pice in the urlbar elementproperties in my userChrome:

--urlbar-min-height: 23px !important;

The underlying factor was, per the Browser Toolbox, that the url bar height for the page-action-buttons was set to 32px where as my userChrome was set to 23px. So I just needed to paste the above code and change it from 32 to 23px.

Thanks for all your help:-).

Below is a screenshot attached to original post to reflect the change.

由jstewen于修改