Umrandung entfernen von Searchbox etc

[b.david]

Hallo zusammen,
leider habe ich bisher nicht rausgefunden wie oder ob man den hier „grünen“ Rahmen um die Elemente entfernen kann. Diese Rahmen kommen ja immer bei einem aktivierten / fokussierten Klick.
Hat hier jemand eine Idee?

[area-net-gmbh]

Kannst du über CSS machen, als Beispiel

input {
    outline: none;
}

Entweder über ein Custom Theme oder entsprechende „CSS-Plugins“ aus dem Store. Musst dann halt noch die genauen Klassen der Input-Felder raussuchen.

[b.david]

danke für deine Antwort @area-net-gmbh das mit dem outline habe ich bereits versucht

input.form-control.email-input {
    outline: none;
}

oder für die searchbox

input.form-control.header-search-input {
    outline: none;
}

habe es auch mal mit !important versucht. Hat keinerlei Auswirkungen.
und ja ich habe ein CustomTheme wo ich das ganze in der base.scss anpasse, aber auch mit den Browsertools krieg ich es schon nicht hin

das mit der outline verändert z.b. wenn ich mit css die outline-color setze nur den buttonrahmen selbst zum beispiel auf schwarz
→

aber mir geht es ja um die Umrandung um das Element wenn es angeklickt wurde

[area-net-gmbh]

Ah - sorry, in dem Fall, z.B.

input.form-control.email-input {
    box-shadow: none;
}

[b.david]

oh man…
wie einfach doch manchmal die Lösung sein kann… Danke