Lesezeichenbutton anpassen

NoNameNeeded

Ich würde gerne die Buttons anpassen, die zur Lesezeichenleiste gehören (#PersonalToolbar) aber da passiert genau nichts.

Dieser Code funktioniert für die Buttons auf der Navigationsleiste...

CSS

#nav-bar .toolbarbutton-1:not([disabled="true"]):hover {
  border-image: url("image/toolbar_button.png") !important;
  border-image-slice: 1 1 1 1 !important;
}

#nav-bar .toolbarbutton-1:not([disabled="true"]):active {
  border-image: url("image/toolbar_button_pressed.png") !important;
  border-image-slice: 1 1 1 1 !important;
}

...aber nicht für die Lesezeichenleiste.

#nav-bar durch #PersonalToolbar zu ersetzen habe ich schon probiert, bringt nix.

Auch dieser Code, den ich in einer css-Datei gefunden habe, scheint keinerlei Wirkung zu haben:

CSS

#main-window #PersonalToolbar toolbarbutton:hover {
  border-radius: 0 !important;
  border-image: url("image/toolbar_button.png") !important;
  border-image-slice: 1 1 1 1 !important; }
}

#PersonalToolbar toolbarbutton:active {
  border-radius: 0 !important;
  border-image: url("image/toolbar_handle.png") !important;
  border-image-slice: 1 1 1 1 !important; 
}

#PersonalToolbar toolbarbutton > .toolbarbutton-icon {
  margin-right:2px !important;
  border: none !important;

}

#PersonalToolbar toolbarbutton > .toolbarbutton-text {
  margin:0px !important;
}

Alles anzeigen

2002Andreas

Zitat von NoNameNeeded

nicht für die Lesezeichenleiste.

Ich weiß ja nicht was genau du erreichen willst.

Aber so sieht das mit einem roten Rahmen um den geöffneten Ordner, und einen grünen Rahmen bei hover aus:

Evtl. kannst du ja damit etwas anfangen:

CSS

toolbarbutton.bookmark-item[open="true"] {
  border-radius: 20px !important;
  border: 1px;
  border: 2px dotted;
  border: medium dashed red;
}

toolbarbutton.bookmark-item:hover {
  border-radius: 20px !important;
  border: 1px;
  border: 2px dotted;
  border: medium dashed green;
}

Alles anzeigen

NoNameNeeded

Dein Code funktioniert bei mir schon, aber wenn ich stattdessen das einfüge, ist wieder keine Änderung zu erkennen:

CSS

toolbarbutton.bookmark-item[open="true"] {
border-radius: 0 !important;
  border-image: url("image/toolbar_button.png") !important;
  border-image-slice: 1 1 1 1 !important; }
}

toolbarbutton.bookmark-item:hover {
  border-radius: 0 !important;
  border-image: url("image/toolbar_handle.png") !important;
  border-image-slice: 1 1 1 1 !important; 
}

Alles anzeigen

Was ich erreichen will ist, dass beim hovering ein Button angezeigt wird (normalerweise ist ja dort nur Schrift zu sehen) und beim klicken darauf soll der button eben gedrückt aussehen.

So ist das gedacht:
Beim Hovering wird ein Button eingeblendet: