搜尋 Mozilla 技術支援網站

防止技術支援詐騙。我們絕對不會要求您撥打電話或發送簡訊,或是提供個人資訊。請用「回報濫用」功能回報可疑的行為。

Learn More

URL and search bar square corners wanted in FF 109

  • 3 回覆
  • 0 有這個問題
  • 6 次檢視
  • 最近回覆由 cor-el

more options

At one time there was a userchrome patch which could be applied to obtain legacy-style square corners on the URL bar and the search bar. I can not get this to work despite trying several different suggestions and I suspect it may be related the the Proton redesign.

Can anyone suggest a userchrome mod to obtain the desired square corners?

At one time there was a userchrome patch which could be applied to obtain legacy-style square corners on the URL bar and the search bar. I can not get this to work despite trying several different suggestions and I suspect it may be related the the Proton redesign. Can anyone suggest a userchrome mod to obtain the desired square corners?
附加的畫面擷圖

所有回覆 (3)

more options

Sorry, I have all square corners.

由 Terry 於 修改

有幫助嗎?

more options

I should have put my userchrome in the original posting ... here it is:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

.titlebar-color{ color: AccentColorText; background-color: AccentColor; }

.tab-background{ border-radius: 0px !important; margin-bottom: 0px !important; }

.tabbrowser-tab:not([selected=true]):not([multiselected=true]) .tab-background{ background-color: color-mix(in srgb, currentColor 5%, transparent); }

menupopup > menu, menupopup > menuitem{ padding-block: 2px !important; min-height: 0px !important; }

root {

--arrowpanel-border-radius: 0px !important; --arrowpanel-menuitem-border-radius: 0px !important; --arrowpanel-menuitem-padding: 2px !important; --toolbarbutton-border-radius: 0px !important; --tab-border-radius: 0px !important; }

.menupopup-arrowscrollbox{ border-radius: 0px !important; }

有幫助嗎?

more options

In 111, I see these two style rules that use the --toolbarbutton-border-radius variable and disabling both of them gives me square corners.

You would have to override those border-radius rules to 0px via userChrome.css. Do not forget the !important flag to override exiting rules.

  • border-radius: 0px !important;

#urlbar-background,
#searchbar {
  background-color: var(--toolbar-field-background-color);
  background-clip: border-box;
  border: 1px solid var(--toolbar-field-border-color);
  /*! border-radius: var(--toolbarbutton-border-radius); */
}

#urlbar-input-container,
#searchbar {
  /*! border-radius: var(--toolbarbutton-border-radius); */
  overflow: clip;
}

有幫助嗎?

問個問題

如果您還沒有帳號,您必須先登入帳號 來回覆文章。還沒有帳號的話,只能發問新問題