fire/fox
火狐狸
火狐狸
  • UID32624
  • 注册日期2010-04-21
  • 最后登录2024-09-05
  • 发帖数180
  • 经验177枚
  • 威望0点
  • 贡献值190点
  • 好评度10点
  • 社区居民
  • 忠实会员
阅读:991回复:2

更新126之后,地址栏css出现问题

楼主#
更多 发布于:2024-05-16 09:27



在地址栏输入文字,上半部分会缺失。
完整的userchrome.css:
/*隐藏前进后退图标*/
#back-button { display: none !important }
#forward-button { display: none !important }
  
/*隐藏网站信息图标*/
#identity-box { display: none !important }
  
/*隐藏盾形图标*/
#tracking-protection-icon-container { display: none !important }
  
/*隐藏地址栏添加书签图标*/
#star-button-box{
  margin-inline: calc((16px + var(--urlbar-icon-padding) * 2) / -2) !important;
  opacity: 0;
  pointer-events: none;
}
  
/*隐藏标签栏左右空白*/
.titlebar-spacer { display: none !important; }
  
/*隐藏右键图标*/
#context-navigation,
#context-sep-navigation
{display: none !important;}
  
/*书签图标*/
#bookmarks-menu-button {
  /*list-style-image: url("chrome://browser/skin/bookmark-hollow.svg")!important;*/
  list-style-image: url("chrome://global/skin/icons/arrow-down.svg")!important;
  /*list-style-image: url("chrome://global/skin/icons/resizer.svg")!important;*/
}
  
/*扩展图标*/
#unified-extensions-button{
 list-style-image: url("chrome://global/skin/icons/chevron.svg")!important;
 } 
  
/*窗口按钮间隔*/
.titlebar-button{ margin-inline: -5px !important; }
  
/*标题栏高度*/
:root {
  --tab-block-margin: 2px 6px !important;
}
/*#tabbrowser-arrowscrollbox {
  --tab-min-height: 40px !important;
  max-height: var(--tab-min-height);
}
.tabbrowser-tab {
  min-height: 24px !important;
}*/
  
/*===地址栏样式1===
#nav-bar { background  : none !important; }
#urlbar-background { outline:none !important; }
#urlbar:not(:hover):not([breakout][breakout-extend]) > #urlbar-background {
  box-shadow  : none !important;
  background  : none !important;
}*/
  
  
/*===地址栏样式2===*/
#nav-bar { background  : none !important; }
#urlbar * { box-shadow: none !important; }
#urlbar:not([open])   > #urlbar-background { background: none !important; }
#urlbar-background {
    outline: 2px solid AccentColor !important;
    outline-offset: -2px !important;
    outline-color: #786FA6 !important;
}
  
/*地址栏下拉列表*/
#urlbar[breakout][breakout-extend] {
  top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
  left: 0 !important;
  --toolbar-field-focus-background-color: #DBDEDE !important;
}
  
/*地址栏标签栏同列*/
#urlbar-container { width: auto !important; }
 :root {  
    --uc-urlbar-width: clamp(200px, 240px, 300px);
}
@media (min-width: 500px) { 
    #TabsToolbar { margin-left: var(--uc-urlbar-width) !important; }
    #nav-bar { margin: calc((var(--urlbar-min-height) * -1) - 11px) calc(100vw - var(--uc-urlbar-width)) 0 0 !important; }
}

最新喜欢:

witherowither...
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2025-01-12
  • 发帖数2780
  • 经验592枚
  • 威望1点
  • 贡献值132点
  • 好评度106点
  • 社区居民
  • 最爱沙发
  • 忠实会员
1楼#
发布于:2024-05-16 20:12
74行改成
top: calc((var(--urlbar-container-height) - var(--urlbar-height)) / 2) !important;
因为--urlbar-toolbar-height失效了。
fire/fox
火狐狸
火狐狸
  • UID32624
  • 注册日期2010-04-21
  • 最后登录2024-09-05
  • 发帖数180
  • 经验177枚
  • 威望0点
  • 贡献值190点
  • 好评度10点
  • 社区居民
  • 忠实会员
2楼#
发布于:2024-05-16 20:37
alanfly:74行改成top: calc((var(--urlbar-container-height) - var(--urlbar-height)) / 2) !important;因为--urlbar-toolbar-height失效了。回到原帖
谢谢大佬!
游客

返回顶部