- Firefox-Version
- 89.0 (64-Bit)
- Betriebssystem
- openSUSE Leap 15.2
Hallo
ich muss mich nun auch mal wieder melden
Meiner urlbar hab ich bisher bei Klick damit einen grünen Rahmen gegeben. Das funktioniert nun nicht mehr.
CSS
#urlbar[breakout][breakout-extend] > #urlbar-input-container {
height: var(--urlbar-height) !important;
padding-block: 0 !important;
padding-inline: 0 !important;
border: 2px solid #0bb911 !important;
border-radius: 16px !important;
}
Nun hab ich schon 'ne ganze Weile gesucht und glaubte eigentlich den richtigen Weg gefunden zu haben, aber leider nicht.
Damit geht es nicht:
CSS
#urlbar:is([focused="true"] > #urlbar-input-container {
border: 16px !important;
border-color: #0bb911 !important;
}
Wie sprech ich die Urlbar mit Fokus an? Kann mir da bitte jemand helfen?
Vielen Dank vorab
Wenn ich es so mache, funktioniert es ein bisschen:
Ich glaube, da spielen noch andere (alte) Einträge für die urlbar eine Rolle.
Hier mal der komplette CSS-Code für die urlbar:
CSS
/* keine Größenänderung der Adressleiste und Rahmen bei Klick */
#urlbar-background {
border-radius: 16px !important;;
}
#urlbar > #urlbar-input-container {
height: var(--urlbar-height) !important;
padding-block: 0 !important;
padding-inline: 0 !important;
border: 2px solid lightgray !important;
border-radius: 16px !important;
}
#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;
border: 2px solid #0bb911 !important;
border-radius: 16px !important;
}
#urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background {
animation-name: none !important;
}
#urlbar[breakout][breakout-extend] > #urlbar-background {
box-shadow: none !important;
}
Alles anzeigen