Този сайт ще има ограничена функционалност, докато се извършва тече неговата поддръжка. Ако дадена статия не може реши проблема ви и искате да зададете въпрос, нашата общност е готова да ви помогне на @firefox в Twitter и /r/firefox в Reddit.

Търсене в помощните статии

Избягвайте измамите при поддръжката. Никога няма да ви помолим да се обадите или изпратите SMS на телефонен номер или да споделите лична информация. Моля, докладвайте подозрителна активност на "Докладване за злоупотреба".

Научете повече

Additional frame in search field

  • Няма отговори
  • 0 имат този проблем
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?
Прикачени екранни снимки

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.