Mozilla removed the preference to show the search engine text in the search box dropdown. I originally tried Jefferson’s script at UserStyles. That one didn’t work quite right so I modified it slightly to produce the images below. I do not use the Stylish extension. The buttons and text did not look correct after using it in the userChrome.css file. I changed some of the code to make it look like the screenshot. Now, even without the one-off preference, the name of the search engine is displayed. This doesn’t require any addon scripts like stylish. This is for use in the userChrome.css file. This userChrome.css file also includes code to always show the forward button.
This works on the latest releases of Firefox.
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#forward-button { visibility:visible !important; }
#nav-bar #forward-button[disabled] {
opacity:.4 !important;
}
#nav-bar .toolbarbutton-1 {
border:0 !important;
border-radius:0 !important;
opacity:.5 !important;
-moz-appearance:none;
background:none !important;
background-image: none !important;
margin:0 0 0 0 !important;
padding:0 !important;
/ * height:32px; */
}
#nav-bar #forward-button[disabled] {
opacity:.4 !important;
}
/*
HELLO! This script has optional settings that you can try out if
you return to its page:
https://userstyles.org/styles/122214
/firefox-search-bar-show-engine-names-firefox-43
*/
/* https://support.mozilla.org/en-US/questions/1099222 */
/ * https://userstyles.org/styles/122214/firefox-search-
bar-show-engine-names-firefox-43 */
/* Make the one-off buttons span the full width */
.searchbar-engine-one-off-item[tooltiptext] {
width: 100% !important;
height: 5px !important;
background-image: none !important;
padding-left: 6px !important;
padding-right: 5px !important;
box-sizing: content-box !important;
line-height: 1em !important;
}
/* Hide the empties */
.searchbar-engine-one-off-item:not([tooltiptext]) {
display: none !important;
}
/* Fix up borders */
.searchbar-engine-one-off-item[tooltiptext], .addengine-item {
border-bottom: 1px solid #ccc !important;
width: 100% !important;
}
.search-setting-button.search-panel-header, .addengine-item,
.search-panel-header.search-panel-current-input {
border-top: none !important;
max-height: 20px !important;
min-height: 10px !important;
padding-top: 0px !important;
}
/* Insert descriptive name for search engine plugin */
.searchbar-engine-one-off-item[tooltiptext]::after {
content: attr(tooltiptext);
margin: 12px 5px 0px !important;
display: block !important;
}
/* Fix icon positioning */
.searchbar-engine-one-off-item[tooltiptext] > .button-box {
display: inline-flex !important;
width: 16px !important;
max-width: 16px !important;
border: none !important;
padding: 0 0 !important;
}
.searchbar-engine-one-off-item[tooltiptext] > .button-box > .button-icon {
display: block !important;
margin-top: 4px !important;
margin-left: -1px !important;
}
/* Lock in space for 5 search suggestions with scroll bar */
#PopupSearchAutoComplete .autocomplete-tree.plain.search-panel-tree .tree-bodybox,
#PopupSearchAutoComplete .autocomplete-tree.plain.search-panel-tree .autocomplete-treebody {
display: flex !important;
flex: 1 1 auto !important;
}
#PopupSearchAutoComplete .autocomplete-tree.plain.search-panel-tree .autocomplete-treebody {
max-height: calc(5 * 1.5em) !important;
min-height: calc(5 * 1.5em) !important;
}
#PopupSearchAutoComplete .autocomplete-tree.plain.search-panel-tree .tree-scrollbar[collapsed="true"] {
visibility: visible !important;
}
/* User style options */
/* One column - standard spacing (built-in above) */
/* Hiding "Search for ..." */
.search-panel-header.search-panel-current-input {
display: none !important;
}
/* Not hiding "Add ..." engine */
/* Not hiding "Change Search Settings" */
/* Search bar tooltip text only visible on mouseover */
/* No color scheme */