Adressleiste CSS greift nicht mehr

Hallo,#ich habe folgenden CSS Code damit die Leiste nicht mehr vergrössert wird bei klick.

#urlbar[breakout][breakout-extend] {
  top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
  left: 0 !important;
  width: 100% !important;
}

#urlbar[breakout][breakout-extend] > #urlbar-input-container {
  height: var(--urlbar-height) !important;
  padding-block: 0 !important;
  padding-inline: 0 !important;
}

#urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background {
  animation-name: none !important;
}

#urlbar[breakout][breakout-extend] > #urlbar-background {
  box-shadow: none !important;
}

seit dem funktioniert mein CSS Code nicht mehr für Rahmenfarbe bei klick ?

/* bei klick in URL-Leiste */
#searchbar:focus-within,
#urlbar:focus-within { 
     border-color: #d76e00 !important;
     border-width: 1px !important; 
     }

kann mir jemand sagen warum ?

mhh komisch, aber es stimmt es funktioniert auch alleine nicht mehr.

könnte dann bitte jemand oder Du weiter helfen damit bei klick in der Adressleiste der Rahmen eine andere Farbe bekommt ?

Andreas, nicht ganz obwohl eigentlich ja

beim Start des firefox sieht es so aus

Standard Profil ohne änderungen wobei Scripte und CSS Aktviert wurde mit Haus heändert.

das hatte ich vorher nicht. Da war nur einfach der Rahmen ohne das dieser Markiert wahr.

Glaube das heist Focus oder sow.

kann man das nicht machen das man einen normalen Rahmen hat in Geld, ein Rahmen wenn rein geklickt z.B. Aqua, und bei wenn man was reinschreiben möchte z.B. Rot ?

so hatte ich es vorher irgendwie gehabt.

ich finde den CSS nicht mehr dazu

ich habe den alten code gefunden,

/* Rahmen normal*/
#urlbar:not(.megabar), 
#urlbar.megabar > #urlbar-background, 
#searchbar {
    border: 1px solid #737373 !important;
}

/* Rahmen wenn mit  Mauszeiger darauf gezeigt  wird */
#urlbar:not(.megabar):not([focused="true"]):hover,
#urlbar.megabar:not([focused="true"]):hover > #urlbar-background,
#searchbar:not(:focus-within):hover {
    border-color: #d76e00 !important; /* Orange 60 */
    background: rgba(0,101,4,0.1) !important; /* Green 60 */
    }

/* bei klick in URL-Leiste */
#searchbar:focus-within,
#urlbar:focus-within { 
     border-color: #d76e00 !important;
     border-width: 1px !important; 
     }

irgendwie funktioniert das nicht mehr in der Adressleiste wenn das vergrössern weg ist.

code von Andreas und es sieht so aus (roter Rahmen)

mhh das stimmt noch nicht ganz unten rum

Der Rahmen passt soweit, aber unten ist so ein kleiner grauer Strich der beim ersten Screenshot auch dawahr ?

Zitat von milupo

Zitat von Dato

kleiner grauer Strich

Könnte von Zeile 5 stammen. #737373 ist ein Grauton.

ne da her kommt es nicht.

Naja dann werde ich wohl am WE mal alles auseinander nehmen und zeile für zeile gucken.

guten Morgen,

ich weis zwar wo her jetzt dieser graue Strich kommt, aber ich habe keine Ahnung wie man den weg bekommen kann

Zitat von Dato

aber ich habe keine Ahnung wie man den weg bekommen kann

wie kann man denn dann das PopUp Fenster mit den Devtolls greifen, damit man erkennt welches CSS das ist für den Strich ?

Wenn ich den Haken setze bei "Popup nicht automatisch ausblenden" geht das Popup Fenster trotzdem zu.

Danke Dharkness

Jetzt passt es wieder.