Wie entferne ich einen Rahmen?

Question

Ich benutze ein <input>, für die ich die Grenze Stil:

input { 
 
    font-size: 300%; 
 
    border-width: 10px; 
 
    border-style: solid; 
 
    border-radius: 30px; 
 
}

<input>

Das Problem ist, dass, sobald <input> den Fokus hat, eine kleine blaue Grenze erscheint:

Ich sehe es nirgends in DevTools, also glaube ich, dass es eine Eigenschaft von <input> selbst ist, whi ch sollte keine abgerundeten Ränder haben (wild raten)

Ist es möglich, es loszuwerden?

Answer 1

Sie können es mit outline:none entfernen, aber es erstellt accessibility issues.

input { 
 
    font-size: 300%; 
 
    border-width: 10px; 
 
    border-style: solid; 
 
    border-radius: 30px; 
 
    outline:none; 
 
}

<input>

Answer 2

, die für Sie

textarea:focus, input:focus{ 
    outline: none; 
} 

aber das ist schon in der nachfolgenden Link

How to remove border (outline) around text/input boxes? (Chrome)

Answer 3

input:focus { 
 
    outline: none; 
 
}

arbeiten sollten