为提升您的使用体验,本站正在维护,部分功能暂时无法使用。如果本站文章无法解决您的问题,您想要向社区提问的话,请到 Twitter 上的 @FirefoxSupport 或 Reddit 上的 /r/firefox 提问,我们的支持社区将会很快回复您的疑问。

搜索 | 用户支持

防范以用户支持为名的诈骗。我们绝对不会要求您拨打电话或发送短信,及提供任何个人信息。请使用“举报滥用”选项报告涉及违规的行为。

详细了解

userChrome.css for the address bar stopped working

  • 11 个回答
  • 1 人有此问题
  • 2 次查看
  • 最后回复者为 cor-el

more options

Hi

A very helpful user on this forum helped me get a good, long and wide list of suggestions, when you type something in the address bar of Firefox. This was done with userChrome.css. But now it doesn't really work anymore, as you would be able to see, if I could get uploading a screen shot to work...

PS: I think this forum worked a lot better about a year ago. 1. The background colors structured the contents. Making it a lot easier to read. 2. When I search for existing threads on a subject, I get more and more search-results the more search words I type... That seems extremely stupid! I enter more search-terms to NARROW down my search, not to broaden it!

Hi A very helpful user on this forum helped me get a good, long and wide list of suggestions, when you type something in the address bar of Firefox. This was done with userChrome.css. But now it doesn't really work anymore, as you would be able to see, if I could get uploading a screen shot to work... PS: I think this forum worked a lot better about a year ago. 1. The background colors structured the contents. Making it a lot easier to read. 2. When I search for existing threads on a subject, I get more and more search-results the more search words I type... That seems extremely stupid! I enter more search-terms to NARROW down my search, not to broaden it!

被采纳的解决方案

For the style rule, there's something new going on with padding in the drop-down. You can remove it with one line, but I haven't figured out its purpose, so I haven't updated the source style yet.

You can add the bolded line to your CSS file and if I discover that this has negative side effects, I'll update this thread:

  #PopupAutoCompleteRichResult {
    --item-padding-start: 0 !important;
    --item-padding-end: 0 !important;
  }
定位到答案原位置 👍 1

所有回复 (11)

more options

Did you make sure it matches the css that you got it from or did you change something in it?

more options

Hi Hero27, what is the code you were using before that stopped working? To paste code here in a way that's readable, please type

<pre>

before it and

</pre>

after it.

more options

Hero27 said

2. When I search for existing threads on a subject, I get more and more search-results the more search words I type... That seems extremely stupid! I enter more search-terms to NARROW down my search, not to broaden it!

You need to use quotation marks and + signs. For example:

"userchrome.css" + "address bar" -- 894 results

more options

This thread?

  • /questions/1207517 How to get longer, scrollable, list of visited URLs and bookmarks in Address Bar?
more options

cor-el said

This thread?
  • /questions/1207517 How to get longer, scrollable, list of visited URLs and bookmarks in Address Bar?

That was my original question, which led to the solution that has now stopped working...

more options

Thank you for the many answers - also from jscher2000 - who originally solved the original problem!

Now I tried again uploading the screen shot that shows how Firefox has destroyed the layout. This time it worked.

And here is the content of the userChrome.css that worked until recently:

Addition/edit: The block below is not very readable, so I have placed a copy of my userChrome.css here: http://www.transformation.dk/deling/userChrome.css

/* 
  Firefox 57 users: https://www.jeffersonscher.com/gm/url-bar-tweaks.html
  You can copy/paste into a userChrome.css file, see https://www.userchrome.org/
  Firefox 52-56 users: roll back your Stylish to version 2.1.1 or 2.0.7 here:
  https://addons.mozilla.org/firefox/addon/stylish/versions/
  Then find Stylish on the Add-ons page, click its More link, and turn off updates
*/
@-moz-document url(chrome://browser/content/browser.xul) {
  /* " - Visit" or " - Search with" bar NOT HIDDEN */

  /* Restore persistent display of drop-marker */
  #urlbar:not(:hover) > .urlbar-textbox-container > .urlbar-history-dropmarker {
    opacity: 1 !important;
  }
  /* Set max-height for items visible without scrolling */
  #PopupAutoCompleteRichResult .autocomplete-richlistbox {
    height: unset !important;
    max-height: calc(45.5px * 18) !important;
  }
  /* Set drop-down width */
  #PopupAutoCompleteRichResult {
    width: 900px !important;
    max-width: 900px !important;
    margin-left: 0 !important;
  }
  #PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-title-text, 
  #PopupAutoCompleteRichResult .autocomplete-richlistitem .ac-url-text {
    min-width: 810px !important;
  }
  /* Create sufficient height for two lines */
  #PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) {
    position: relative !important;
    height: 45.5px !important;
  }
  /* Subtle border between results */
  #PopupAutoCompleteRichResult .autocomplete-richlistitem {
    border-bottom-color: #eee !important;
  }
  /* Position page title, set font-size */
  #PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-title {
    position: absolute !important;
    left: 54px;
    top: 0px;
    font-size: 20px !important;
  }
  /* Position page url / action, set font-size */
  #PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-url,
  #PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-action {
    position: absolute !important;
    left: 54px;
    top: 22px;
    font-size: 18px !important;
  }

  /* Position bookmark tags */
  #PopupAutoCompleteRichResult .autocomplete-richlistitem .ac-tags {
    position: absolute !important;
    right: 0px;
    top: 3px;
  }
  /* Hide separator between title and URL */
  #PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-separator {
    display: none !important;
  }
  /* Position special icon (bookmark, switch-to-tab) */
  #PopupAutoCompleteRichResult .autocomplete-richlistitem .ac-type-icon {
    margin-left: 4px !important;
 }
  /* Prevent excess indenting of icons in Photon */
  #PopupAutoCompleteRichResult .autocomplete-richlistitem [anonid="type-icon-spacer"] {
    display: none !important;
  }
  #PopupAutoCompleteRichResult {
     --item-padding-start: 0 !important;
  }

  .autocomplete-richlistitem[selected=true] {
    background-color: Highlight !important;
  }
  .autocomplete-richlistitem[selected=true] .ac-title, 
  .ac-title[selected],
  .autocomplete-richlistitem[selected=true] .ac-url, 
  .ac-url[selected],
  .autocomplete-richlistitem[selected=true] .ac-action,
  .ac-action[selected],
  .autocomplete-richlistitem[selected=true] .ac-separator,
  .ac-separator[selected] {
    color: HighlightText !important;
  }
  /* Use default text matching style */
  /* Ability to scroll in Fx57 */
  #PopupAutoCompleteRichResult .autocomplete-richlistbox > scrollbox {
    overflow-y: auto !important; 
    padding-right: 3px !important;
  }
  #PopupAutoCompleteRichResult .autocomplete-richlistbox {
    padding-right: 0 !important;
  }
}


/* From old1: */

/* Taller Folder List in Edit Bookmark */
#editBMPanel_folderTree {
  min-height: 400px !important; 
}

由Henrik R.于修改

more options

jscher2000 said

Hero27 said
2. When I search for existing threads on a subject, I get more and more search-results the more search words I type... That seems extremely stupid! I enter more search-terms to NARROW down my search, not to broaden it!

You need to use quotation marks and + signs. For example:

"userchrome.css" + "address bar" -- 894 results

But why isn't logical AND the default? That seems weird to me... :-)

more options

选择的解决方案

For the style rule, there's something new going on with padding in the drop-down. You can remove it with one line, but I haven't figured out its purpose, so I haven't updated the source style yet.

You can add the bolded line to your CSS file and if I discover that this has negative side effects, I'll update this thread:

  #PopupAutoCompleteRichResult {
    --item-padding-start: 0 !important;
    --item-padding-end: 0 !important;
  }
more options

jscher2000 said

For the style rule, there's something new going on with padding in the drop-down. You can remove it with one line, but I haven't figured out its purpose, so I haven't updated the source style yet. You can add the bolded line to your CSS file and if I discover that this has negative side effects, I'll update this thread: #PopupAutoCompleteRichResult { --item-padding-start: 0 !important; --item-padding-end: 0 !important; }

Hi jscher2000!

Yes, that extra line solves the problem!

more options

Hi Hero27, if this problem is resolved, could you come back and mark one of the posts as the Solution? This helps the Support team feel a sense of closure. :-)

https://support.mozilla.org/questions/1245032

more options