kidzgy
火狐狸
火狐狸
  • UID35190
  • 注册日期2011-02-03
  • 最后登录2023-02-03
  • 发帖数235
  • 经验181枚
  • 威望0点
  • 贡献值114点
  • 好评度16点
阅读:2448回复:8

关于隐藏地址栏添加书签五角星按钮的问题

楼主#
更多 发布于:2021-07-13 23:26

如图所示,地址栏有个添加书签的五角星按钮,如果我不希望它显示,我应该使用#star-button-box{display: none !important;}这段代码将它隐藏


在隐藏之前,按CTRL+D后,通常会弹出一个添加书签的对话框(如果默认不勾选“保存时显示编辑器”,那么会立即添加书签到默认位置),如下图所示:

即便默认不勾选显示编辑器,在已添加书签的情况下,再次按ctrl+D,会弹出编辑该书签,如下图所示:





该书签编辑对话框的选择器为#editBookmarkPanel,该元素并不是#star-button-box的子元素。
让我疑惑的是,该两个选择器并不为父子关系的情况下,#star-button-box怎么能够影响#editBookmarkPanel。
问题描述:
在我使用#star-button-box{display: none !important;}隐藏掉五角星图标之后,无论我怎么按ctrl+D,都不会弹出该书签编辑对话框,并且在已添加书签的情况下,再次按ctrl+D,这时无法删除或移动任一书签,必须重启浏览器。


我该如何完美隐藏五角星按钮而不影响书签编辑对话框的操作?且我也隐藏了#pageActionButton(即地址栏末的三个点按钮)。
lonely_8
非常火狐
非常火狐
  • UID30273
  • 注册日期2009-09-03
  • 最后登录2022-08-09
  • 发帖数733
  • 经验469枚
  • 威望0点
  • 贡献值86点
  • 好评度147点
  • 社区居民
  • 忠实会员
1楼#
发布于:2021-07-14 14:17
因为书签面板是通过星星按钮的坐标定位弹出的,隐藏了星星无法获取坐标自然就出错了。
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2022-11-07
  • 发帖数2749
  • 经验558枚
  • 威望1点
  • 贡献值120点
  • 好评度93点
  • 社区居民
  • 最爱沙发
  • 忠实会员
2楼#
发布于:2021-07-14 17:54
那就不要用display,用visibility:hidden,显示效果一样,不影响编辑框弹出。
kidzgy
火狐狸
火狐狸
  • UID35190
  • 注册日期2011-02-03
  • 最后登录2023-02-03
  • 发帖数235
  • 经验181枚
  • 威望0点
  • 贡献值114点
  • 好评度16点
3楼#
发布于:2021-07-14 19:13
alanfly:那就不要用display,用visibility:hidden,显示效果一样,不影响编辑框弹出。回到原帖
这个不行,虽然是看不到了,但是会占用原来的位置,并且为空白,将其他按钮隔开了。
lonely_8
非常火狐
非常火狐
  • UID30273
  • 注册日期2009-09-03
  • 最后登录2022-08-09
  • 发帖数733
  • 经验469枚
  • 威望0点
  • 贡献值86点
  • 好评度147点
  • 社区居民
  • 忠实会员
4楼#
发布于:2021-07-14 19:40
#star-button-box{
  margin-inline: calc((16px + var(--urlbar-icon-padding) * 2) / -2) !important;
  opacity: 0;
  pointer-events: none;
}
试试这个
kidzgy
火狐狸
火狐狸
  • UID35190
  • 注册日期2011-02-03
  • 最后登录2023-02-03
  • 发帖数235
  • 经验181枚
  • 威望0点
  • 贡献值114点
  • 好评度16点
5楼#
发布于:2021-07-15 00:49
lonely_8:#star-button-box{
  margin-inline: calc((16px + var(--urlbar-icon-padding) * 2) / -2) !important;
  opacity: 0;
  poi...
回到原帖
完美隐藏!牛!竟然还可以这样操作!!
withero
小狐狸
小狐狸
  • UID37110
  • 注册日期2011-08-29
  • 最后登录2023-02-03
  • 发帖数44
  • 经验63枚
  • 威望0点
  • 贡献值14点
  • 好评度0点
  • 社区居民
6楼#
发布于:2021-12-03 17:19
关于隐藏地址栏添加书签五角星按钮的问题
收藏,谢谢
www.helup.com
齿轮key
火狐狸
火狐狸
  • UID57347
  • 注册日期2019-11-14
  • 最后登录2022-10-08
  • 发帖数252
  • 经验81枚
  • 威望0点
  • 贡献值52点
  • 好评度6点
  • 社区居民
  • 忠实会员
7楼#
发布于:2022-02-05 12:11
哈哈,感觉星星还挺有用的
跑跑原神火狐 & ACGN 的社区:popkart.org
晓仙玄
小狐狸
小狐狸
  • UID46339
  • 注册日期2014-06-12
  • 最后登录2022-12-29
  • 发帖数56
  • 经验70枚
  • 威望0点
  • 贡献值34点
  • 好评度5点
  • 社区居民
8楼#
发布于:2022-07-11 20:22
lonely_8:#star-button-box{
  margin-inline: calc((16px + var(--urlbar-icon-padding) * 2) / -2) !important;
  opacity: 0;
  poi...
回到原帖
好棒,感谢
游客

返回顶部