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

如图所示，地址栏有个添加书签的五角星按钮，如果我不希望它显示，我应该使用#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（即地址栏末的三个点按钮）。

alanfly：那就不要用display，用visibility:hidden，显示效果一样，不影响编辑框弹出。回到原帖

这个不行，虽然是看不到了，但是会占用原来的位置，并且为空白，将其他按钮隔开了。

lonely_8：#star-button-box{
  margin-inline: calc((16px + var(--urlbar-icon-padding) * 2) / -2) !important;
  opacity: 0;
  poi...回到原帖

完美隐藏！牛！竟然还可以这样操作！！