Hintergrundfarbe des ausgewählten Textes des Kontextmenüs in Suchleiste ändern

testerer

Hallo,

ich würde mich freuen, wenn mir jemand sagen könnte, wie ich folgenden blauen Hintergrund ändere:

2002Andreas

Meinst du das so, also nur den Hintergrund für Einfügen in der Suchleiste?

[attachment=0]Zwischenablage01.png[/attachment]

Wenn ja, teste bitte mal:

CSS

#searchbar menupopup menuitem[label="Einfügen"]:hover{
-moz-appearance:none!important;
background:red!important;
}

testerer

Ich meinte für jeden Eintrag in der Suchleiste.
Danke dir schon einmal trotzdem.

2002Andreas

Frohes Neues Jahr für dich.

So für alle Einträge:

CSS

#searchbar menupopup menuitem:hover{
-moz-appearance:none!important;
background:red!important;
}

Oder so nur für die möglichen Einträge:

CSS

#searchbar menupopup menuitem:not([disabled="true"]):hover{
-moz-appearance:none!important;
background:red!important;
}

testerer

Danke dir. Jetzt habe ich das Problem, dass der ausgewählte Eintrag sich mit der Färbung etwas zusammenzieht. Woran liegt das? Beim Standardblau ist das nicht so.
Habe natürlich schon etwas mehr Code in der userchrome.css.

[attachment=0]Unbenannt-3.png[/attachment]

2002Andreas

Hier verändert sich nichts, oder ich übersehe etwas :-??

[attachment=0]Animation.gif[/attachment]

Boersenfeger

Ist das nicht auch von der jeweils verwendeten Schriftart, der Schriftgröße und von der Anzeigegröße der Seite abhängig?
Ich lasse mir zum Beispiel jede Webseite mit 110 % anzeigen.. entsprechend sind meine vielen Codes angepasst. Einige wirken auch auf das Aussehen der Webseite, wie zum Beispiel hier das Forum...

2002Andreas

Zitat von Boersenfeger

jede Webseite mit 110 % anzeigen

Die Schriftgröße im Rechtsklick Kontextmenü hat nichts mit dem Zoomfaktor der Webseite zu tun.

testerer

Vielleicht liegt es auch an der Platzierung in der userchrome.css? Kenne mich da nicht aus. Ich habe nämlich noch eine ganz Menge anderer Sachen. Hatte deins ans Ende angehängt:

CSS

@import url("./simpleMenuWizard.css");


menu[label="I don't care about cookies"] {
display: none !important
}


menu[label="Nehmen Sie Screenshot der Webseite - FireShot"] {
display: none !important
}


menu[label="In My Pocket"] {
display: none !important
}


menu[label="ImTranslator: Translator, Dictionary, TTS"] {
display: none !important
}


menu[label="Citavi Picker"] {
display: none !important
}


menu[label="I don't care about cookies"] {
display: none !important
}






/* Bookmarks Sidebar - bright blue background color for selected bookmark */
#bookmarks-view treechildren::-moz-tree-row(selected) {
  background-color: #a39c92 !important;
}


@-moz-document url("chrome://browser/content/bookmarks/bookmarksPanel.xul"), 


url("chrome://browser/content/places/bookmarksSidebar.xul"),


url("chrome://browser/content/browser.xul"),


url("chrome://browser/content/history/history-panel.xul") {


#menu_bookmarksSidebar {
		 display:-moz-box !important;
	 }


#bookmarks-view-children{
margin-top:-120px!important;
margin-left:-15px !important}






sidebarheader {
display:none!important}


#sidebar-search-container{
display:none!important;}


label[persist="value"][flex="1"][crop="end"][control="sidebar"][value="Lesezeichen"]{
display:none!important;}


#sidebar-box {
	display:-moz-box !important;

position:fixed!important;


top:116px;


bottom:-35px;


width: 0px !important;


overflow-x: hidden !important;


-moz-appearance: none !important;


border: 1px solid transparent !important;


border-left: 0 !important;


opacity: 0 !important;


transition: width .2s ease-out .2s, opacity .2s ease-out .2s !important;


}


#sidebar-box:hover {


width: 230px !important; /*-adjust sidebar width here-*/


opacity: 1 !important;


transition: width .2s ease-out .2s, opacity .2s ease-out .2s !important;


}


#sidebar-splitter{


display:none !important;


}
#sidebar-header {


width:100%;


border: 0 !important;


}
#sidebar {
display:-moz-box !important;
width:100%!important;


height:95%;
}
}




@-moz-document url("chrome://browser/content/bookmarks/bookmarksPanel.xul"), 
url("chrome://browser/content/browser.xul"),
url("chrome://browser/content/history/history-panel.xul") {




#bookmarks-view,sidebarheader,#sidebar-box,.sidebar-placesTreechildren,#sidebar-search-label,#sidebar-search-container,#placesList > treechildren{
-moz-appearance: none!important;
background:#d1cdc8!important}}






/*Franks Urlbar Selected Text Fix...*/
::-moz-selection {
-moz-appearance:none !important;
   background:#a39c92;
   color: white;}


.autocomplete-richlistitem {
  height: 30px;
  min-height: 30px;
  font: message-box;
  border-radius: 2px;
  border: 1px solid transparent;
}


.autocomplete-richlistitem:hover,
treechildren.searchbar-treebody::-moz-tree-row(hover) {
  background-color: #a39c92;
  border-color: hsla(0, 0%, 0%, 0.1);
}


.autocomplete-richlistitem[selected],
treechildren.searchbar-treebody::-moz-tree-row(selected) {
  background-color: #a39c92;
}

  .tabbrowser-arrowscrollbox > .scrollbutton-down[highlight] {
  background-color: #a39c92 !important;
}






#PopupAutoCompleteRichResult .autocomplete-richlistitem[selected=true] {
    color: #eee !important;
    background-color: #a39c92 !important;
  }

.ac-type-icon[type="bookmark"] {
    fill: #a39c92 !important;
  }


#searchbar menupopup menuitem:hover{
-moz-appearance:none!important;
background: #a39c92 !important;
}

Alles anzeigen

2002Andreas

Zitat von testerer

Vielleicht liegt es auch an der Platzierung in der userchrome.css?

Mit deinem kompl. CSS Code sieht das hier so aus:

[attachment=0]Animation.gif[/attachment]

Auch das sehe ich kein Problem :-??

testerer

Komisch, bei mir bleibt nur Vorschläge anzeigen "normal". Bei den restlichen Einträgen verkleinert sich der Zwischenraum zwischen den Einträgen.

2002Andreas

Nur zwecks Test, aber deaktivier doch bitte mal:

simpleMenuWizard.css

macko

Zitat von testerer

Vielleicht liegt es auch an der Platzierung in der userchrome.css?

Nein, hat absolut nichts mit dem gesamten Inhalt deiner userChrome.css zu tun, sondern das Verhalten ist ganz normal, wenn du den Code von Andreas aus Beitrag #4 verwendest.
Das Problem liegt an der CSS-Regel -moz-appearance:none!important;, welches jegliche andere CSS-Regel für das aktuell selektierte Element ausser Kraft setzt, (notwendig um eine andere Hoverfarbe zu haben) was eben auch die standardmässig gesetzte Höhenangabe von 22px für Menüelemente affektiert. Aus diesem Grunde verkleinern sich die betroffenen Menüelemente beim überfahren mit der Maus in der Höhe von 22px auf 16px, was gerade dein beschriebenes Verhalten auslöst.

Das Problem kann aber leicht gelöst werden, indem du einfach deinen CSS-Code folgendermassen anpasst:

CSS

#searchbar menupopup menuitem:hover{
-moz-appearance:none!important;
background: #a39c92 !important;
height: 22px !important;
}

Zitat von 2002Andreas

Hier verändert sich nichts, oder ich übersehe etwas

Da übersiehst du wahrlich etwas, denn du hast gemäss deinen geposteten GIF-Animationen augenscheinlich deine Menupopups angepasst. Das erkenne ich schon alleine daran, dass die jeweiligen Abstände der Menüelemente zu gering sind. Versuch es daher einmal in einen neuen Profil einzig mit dem besagten CSS-Code, und es sollte sich das genau gleiche Verhalten zeitigen.

2002Andreas

Zitat von macko

augenscheinlich deine Menupopups angepasst.

Hallo macko..

da ist nichts angepasst, das ist ein blanko Profil :-??

2002Andreas

So sieht das hier mit deinem Code aus:

[attachment=0]Animation.gif[/attachment]

2002Andreas

Hier mit einem ganz neuen Profil und meinem Code:

[attachment=0]Animation.gif[/attachment]

testerer

Tatsache, mit dem Code von macko geht es jetzt wie gewünscht. Danke euch beiden! Wieder was Interessantes gelernt.:D

2002Andreas

Mich würde trotzdem mal der Inhalt von:

simpleMenuWizard.css

interessieren.

testerer

Bitte:

CSS

/*AGENT_SHEET*/


/****** simpleMenuWizard ******/


/********************************************************
   Modify the following files themselves to your needs.
   Do not modify the following @import block.
   ******************************************************
/*** When right-clicking on... ***/
@import url("./simpleMenuWizard/blank-context.css");      /* ...a blank area on a webpage                    */
@import url("./simpleMenuWizard/frame-context.css");      /* ...an iframe                                    */
@import url("./simpleMenuWizard/image-context.css");      /* ...an image                                     */
@import url("./simpleMenuWizard/input-context.css");      /* ...an input-field                               */
@import url("./simpleMenuWizard/link-context.css");       /* ...a link                                       */
@import url("./simpleMenuWizard/main-hamburger.css");     /* Leftclick the hamburger menu on top right       */
@import url("./simpleMenuWizard/main-menubar.css");       /* Leftclick on main menubar (open with ALT key)   */
@import url("./simpleMenuWizard/media-context.css");      /* ...media like audio or html5 video              */
@import url("./simpleMenuWizard/select-context.css");     /* ...selected text or selected object             */
@import url("./simpleMenuWizard/sidebar-context.css");    /* ...items in bookmarks- or history sidebar       */
@import url("./simpleMenuWizard/sidebar-header.css");     /* Leftclick on sidebar header                     */
@import url("./simpleMenuWizard/source-context.css");     /* ...a blank area when viewing source code        */
@import url("./simpleMenuWizard/tab-context.css");        /* ...a tab                                        */
@import url("./simpleMenuWizard/toolbar-context.css");    /* ...the toolbar or tabbar                        */
@import url("./simpleMenuWizard/urlbar-context.css");     /* ...the addressbar                               */
@import url("./simpleMenuWizard/urlbar-pageaction.css");  /* Leftclick the addressbar ellipsis (three dots)  */




/**********************************************************
   How to activate or deactivate the following options:
   Remove '/*' at the beginning of a line (not comment line) to activate the option
   Add '/*' at the beginning of the line (not comment line) to deactivate the option
   ********************************************************


/*** Options ***/
/*** If you don't use syncing: Hide all "Send to device" and sync items ***/
/* @import url("./simpleMenuWizard/opt_noSync.css");
/* Note: If you use Firefox 60 or higher, please see here:
   https://github.com/stonecrusher/simpleMenuWizard#hide-pocket--sync--screenshots
*/


/* If you use uBlock Origin and want to remove all uBO context menu entries */
@import url("./simpleMenuWizard/opt_uBO.css");


/*** Hide all inactive menu items ***/
/* #mainPopupSet menuitem[disabled="true"] { display: none !important; }


/****** simpleMenuWizard end ******/

Alles anzeigen

2002Andreas

Danke.
Ich hatte gehofft dort evtl. einen Eintrag bezüglich der Höhe zu finden, dem ist aber wohl nicht so.

Schön wenn es jetzt doch bei dir funktioniert :klasse: