Die Funktionalität dieser Website ist durch Wartungsarbeiten eingeschränkt, die Ihr Erlebnis verbessern sollen. Wenn ein Artikel Ihr Problem nicht löst und Sie eine Frage stellen möchten, können Sie unsere Gemeinschaft über @FirefoxSupport auf Twitter, /r/firefox oder Reddit fragen.

Avatar for Username

Hilfe durchsuchen

Vorsicht vor Support-Betrug: Wir fordern Sie niemals auf, eine Telefonnummer anzurufen, eine SMS an eine Telefonnummer zu senden oder persönliche Daten preiszugeben. Bitte melden Sie verdächtige Aktivitäten über die Funktion „Missbrauch melden“.

Weitere Informationen

Additional frame in search field

  • Keine Antworten
  • 0 haben dieses Problem
Hans Markowitz
Hans Markowitz
more options

I started to learn DevTools for Thunderbird, because I want to fully customize my TB. And I'm stuck with such thing. I want this: <Picture 1> Both search boxes are blue.

For the upper search box is this code snippet responsible:

input { 

 position: absolute;
 inset: 0;
 width: 100%;
 height: 100%;
 font-size: 1rem;
 border: 1px solid var(--color-gray-40);
 border-radius: var(--button-border-radius);
 padding-inline: var(--padding-block) var(--search-icon-clearance);
 background-color: var(--layout-background-0);

}

So I change it to:

input { 

 position: relative;
 inset: 0;
 width: 100%;
 height: 100%;
 font-size: 1rem;
 border: 1px solid #82D6FF !important;
 border-radius: var(--button-border-radius);
 padding-inline: var(--padding-block) var(--search-icon-clearance);
 background-color: var(--layout-background-0);

}

And then I have this <Picture 2>


So I get additional frame. But I don't want it. And I can't understand, why I see this additional frame in this place?

Can someone explain me this please?

I started to learn DevTools for Thunderbird, because I want to fully customize my TB. And I'm stuck with such thing. I want this: <Picture 1> Both search boxes are blue. For the upper search box is this code snippet responsible: input { position: absolute; inset: 0; width: 100%; height: 100%; font-size: 1rem; border: 1px solid var(--color-gray-40); border-radius: var(--button-border-radius); padding-inline: var(--padding-block) var(--search-icon-clearance); background-color: var(--layout-background-0); } So I change it to: input { position: relative; inset: 0; width: 100%; height: 100%; font-size: 1rem; border: 1px solid #82D6FF !important; border-radius: var(--button-border-radius); padding-inline: var(--padding-block) var(--search-icon-clearance); background-color: var(--layout-background-0); } And then I have this <Picture 2> So I get additional frame. But I don't want it. And I can't understand, why I see this additional frame in this place? Can someone explain me this please?
Angefügte Screenshots

Sie müssen sich mit Ihrem Benutzerkonto anmelden, um auf Beiträge zu antworten. Bitte stellen Sie eine neue Frage, wenn Sie noch kein Benutzerkonto haben.