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

阅读:3177回复: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(即地址栏末的三个点按钮)。
2021-07-14 14:17
写私信
1楼#
因为书签面板是通过星星按钮的坐标定位弹出的,隐藏了星星无法获取坐标自然就出错了。
2021-07-14 17:54
写私信
2楼#
那就不要用display,用visibility:hidden,显示效果一样,不影响编辑框弹出。
2021-07-14 19:13
写私信
3楼#
alanfly:那就不要用display,用visibility:hidden,显示效果一样,不影响编辑框弹出。回到原帖
这个不行,虽然是看不到了,但是会占用原来的位置,并且为空白,将其他按钮隔开了。
2021-07-14 19:40
写私信
4楼#
#star-button-box{
  margin-inline: calc((16px + var(--urlbar-icon-padding) * 2) / -2) !important;
  opacity: 0;
  pointer-events: none;
}
试试这个
2021-07-15 00:49
写私信
5楼#
lonely_8:#star-button-box{
  margin-inline: calc((16px + var(--urlbar-icon-padding) * 2) / -2) !important;
  opacity: 0;
  poi...
回到原帖
完美隐藏!牛!竟然还可以这样操作!!
2021-12-03 17:19
写私信
6楼#
关于隐藏地址栏添加书签五角星按钮的问题
收藏,谢谢
www.helup.com
2022-02-05 12:11
写私信
7楼#
哈哈,感觉星星还挺有用的
跑跑原神火狐 & ACGN 的社区:popkart.org
2022-07-11 20:22
写私信
8楼#
lonely_8:#star-button-box{
  margin-inline: calc((16px + var(--urlbar-icon-padding) * 2) / -2) !important;
  opacity: 0;
  poi...
回到原帖
好棒,感谢