How can I remove this whatever it is?

[Thallius]

Hi,

I have a textarea. When the textarea becomes focus-visible it adds not only the blur border (Which is ok), but also some kind of blur shadow which I need to remove. I tried

>textarea:focus-visible {
            box-shadow: 0 0;
          }

but no changes.

So what the hell is this light purple line under the textarea?

[snadyleiby]

try…

textarea:focus {
   border: 0;
   outline: 0;
 }

[Thallius]

Hi,

this removes the border focus completely but I have now added it with

          textarea:focus {
            border: 2px solid var(--focus-color);
            outline: 0;
          }

Thanks

[Gandalf]

@snadyleiby

outline: 0;

You should never use this as it makes the page inaccessible. See here.

[Thallius]

@Gandalf

You should never use this as it makes the page inaccessible. See here .

As I set a focus border by myself this is not an issue.

[snadyleiby]

@Gandalf

You should never use this as it makes the page inaccessible

Of course, you are absolutely correct and I really should
have pointed this out in my reply by adding this warning…

The plague of outline:0