I don't want to add Yahoo search, nor will I ever add Yahoo search.

The search bar detects site-specific search plugins advertised in the current page. There is not a built-in feature to suppress that. You might be able to do it with an add-on.

If you do not find a useful add-on, another way is to apply a custom style rule to the Search bar. You can use the Stylish add-on for that, or a userChrome.css file.

For example:

/* Hiding "Add ..." engine (Windows) */ #PopupSearchAutoComplete .addengine-item { display: none !important; } .searchbar-search-button[addengines="true"] { list-style-image: url("chrome://browser/skin/search-indicator.png"); -moz-image-region: rect(0, 20px, 20px, 0); width: 20px; } .searchbar-search-button:hover { -moz-image-region: rect(0, 40px, 20px, 20px); } .searchbar-search-button:hover:active { -moz-image-region: rect(0, 60px, 20px, 40px); } @media (min-resolution: 1.1dppx) { .searchbar-search-button[addengines="true"] { list-style-image: url("chrome://browser/skin/search-indicator@2x.png"); -moz-image-region: rect(0, 40px, 40px, 0); } .searchbar-search-button:hover { -moz-image-region: rect(0, 80px, 40px, 40px); } .searchbar-search-button:hover:active { -moz-image-region: rect(0, 120px, 40px, 80px); } }

It's option #3 in my custom style rule here: https://userstyles.org/styles/122214/firefox-search-bar-show-engine-names-firefox-43

jscher2000 said

The search bar detects site-specific search plugins advertised in the current page. There is not a built-in feature to suppress that. You might be able to do it with an add-on.

---

If you do not find a useful add-on, another way is to apply a custom style rule to the Search bar. You can use the Stylish add-on for that, or a userChrome.css file.

For example:

/* Hiding "Add ..." engine (Windows) */ #PopupSearchAutoComplete .addengine-item { display: none !important; } .searchbar-search-button[addengines="true"] { list-style-image: url("chrome://browser/skin/search-indicator.png"); -moz-image-region: rect(0, 20px, 20px, 0); width: 20px; } .searchbar-search-button:hover { -moz-image-region: rect(0, 40px, 20px, 20px); } .searchbar-search-button:hover:active { -moz-image-region: rect(0, 60px, 20px, 40px); } @media (min-resolution: 1.1dppx) { .searchbar-search-button[addengines="true"] { list-style-image: url("chrome://browser/skin/search-indicator@2x.png"); -moz-image-region: rect(0, 40px, 40px, 0); } .searchbar-search-button:hover { -moz-image-region: rect(0, 80px, 40px, 40px); } .searchbar-search-button:hover:active { -moz-image-region: rect(0, 120px, 40px, 80px); } }

It's option #3 in my custom style rule here: https://userstyles.org/styles/122214/firefox-search-bar-show-engine-names-firefox-43

Okay, I went into appdata/local/mozilla/firefox/profiles/xxxx.default. I created a folder called chrome. I created a text file inside chrome folder called userchrome.css. I then pasted the code above inside. I restarted firefox and nothing is happening. What did I do wrong?

I now have a folder with a gear.- cascading style sheet.

freshm said

Okay, I went into appdata/local/mozilla/firefox/profiles/xxxx.default. I created a folder called chrome. I created a text file inside chrome folder called userchrome.css. I then pasted the code above inside. I restarted firefox and nothing is happening. What did I do wrong?

Two thoughts:

(1) The C needs to be capitalized in userChrome.css

(2) On the first line of the file, you need a namespace:

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

I now have a folder with a gear.- cascading style sheet.

I think Windows shows that icon for any .css file. If you want to see full file names, you can turn off the features of Windows that hides "known" file extensions. See: http://windows.microsoft.com/en-us/windows/show-hide-file-name-extensions

Ok, the green plus sign won't go away. Everything else is working.

How do I majscher2000 said

freshm said

Okay, I went into appdata/local/mozilla/firefox/profiles/xxxx.default. I created a folder called chrome. I created a text file inside chrome folder called userchrome.css. I then pasted the code above inside. I restarted firefox and nothing is happening. What did I do wrong?

Two thoughts:

(1) The C needs to be capitalized in userChrome.css

(2) On the first line of the file, you need a namespace:

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

I now have a folder with a gear.- cascading style sheet.

I think Windows shows that icon for any .css file. If you want to see full file names, you can turn off the features of Windows that hides "known" file extensions. See: http://windows.microsoft.com/en-us/windows/show-hide-file-name-extensions

How do I make the green plus sign disappear? Everything else is working. Thank you for your help so far.

freshm said

How do I make the green plus sign disappear?

That's what the two rules starting with

.searchbar-search-button[addengines="true"]

are for -- I don't know why they aren't working on yours. Maybe try adding !important to the list-style-image lines (scroll this preformatted area right to see where):

/* Hiding "Add ..." engine (Windows) */
#PopupSearchAutoComplete .addengine-item {
  display: none !important;
}
.searchbar-search-button[addengines="true"] {
  list-style-image: url("chrome://browser/skin/search-indicator.png") !important;
  -moz-image-region: rect(0, 20px, 20px, 0);
  width: 20px;
}
.searchbar-search-button:hover {
  -moz-image-region: rect(0, 40px, 20px, 20px);
}
.searchbar-search-button:hover:active {
  -moz-image-region: rect(0, 60px, 20px, 40px);
}
@media (min-resolution: 1.1dppx) {
  .searchbar-search-button[addengines="true"] {
    list-style-image: url("chrome://browser/skin/search-indicator@2x.png") !important;
    -moz-image-region: rect(0, 40px, 40px, 0);
  }
  .searchbar-search-button:hover {
    -moz-image-region: rect(0, 80px, 40px, 40px);
  }
  .searchbar-search-button:hover:active {
    -moz-image-region: rect(0, 120px, 40px, 80px);
  }
}

jscher2000 said

freshm said

How do I make the green plus sign disappear?

That's what the two rules starting with

.searchbar-search-button[addengines="true"]

are for -- I don't know why they aren't working on yours. Maybe try adding !important to the list-style-image lines (scroll this preformatted area right to see where):

/* Hiding "Add ..." engine (Windows) */
#PopupSearchAutoComplete .addengine-item {
  display: none !important;
}
.searchbar-search-button[addengines="true"] {
  list-style-image: url("chrome://browser/skin/search-indicator.png") !important;
  -moz-image-region: rect(0, 20px, 20px, 0);
  width: 20px;
}
.searchbar-search-button:hover {
  -moz-image-region: rect(0, 40px, 20px, 20px);
}
.searchbar-search-button:hover:active {
  -moz-image-region: rect(0, 60px, 20px, 40px);
}
@media (min-resolution: 1.1dppx) {
  .searchbar-search-button[addengines="true"] {
    list-style-image: url("chrome://browser/skin/search-indicator@2x.png") !important;
    -moz-image-region: rect(0, 40px, 40px, 0);
  }
  .searchbar-search-button:hover {
    -moz-image-region: rect(0, 80px, 40px, 40px);
  }
  .searchbar-search-button:hover:active {
    -moz-image-region: rect(0, 120px, 40px, 80px);
  }
}

OMG! Thank you thank you thank you!!!

See also:

• chrome://browser/skin/searchbar.css