|
阅读:1599回复:2
更新126之后,地址栏css出现问题
在地址栏输入文字,上半部分会缺失。 完整的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; }
} |
|
最新喜欢: |
|
1楼#
发布于:2024-05-16 20:12
74行改成
top: calc((var(--urlbar-container-height) - var(--urlbar-height)) / 2) !important;因为--urlbar-toolbar-height失效了。 |
|
|
2楼#
发布于:2024-05-16 20:37
|
|