Wie entferne ich den Standard-Chrome-Stil für die Auswahl der Eingabe?

textarea, input { outline: none; }

über https://stackoverflow.com/a/935572/1036298

Mixin für weniger

.appearance (@value: none) {
    -webkit-appearance:     @value;
    -moz-appearance:        @value;
    -ms-appearance:         @value;
    -o-appearance:          @value;
    appearance:             @value;
}

Fügen Sie in Ihrem CSS Folgendes hinzu:

input {-webkit-appearance: none; box-shadow: none !important; }
:-webkit-autofill { color: #fff !important; }

Nur für Chrome! :)

verwenden Sie einfachen Code, um den Standardbrowser-Stil für Gliederung zu entfernen

input { outline: none; }

eingabe: -webkit-autofill { Hintergrund: #fff! wichtig; }

Wenn Sie sich eine Eingabe mit einem Nummerntyp ansehen, werden Sie die Drehknöpfe (hoch/runter) auf der rechten Seite des Eingabefelds bemerken. Diese Drehfelder sind nicht immer wünschenswert. Daher wird im folgenden Code eine solche Formatierung entfernt, um eine Eingabe zu rendern, die der Eingabe eines Texttyps ähnelt.

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
}

Sprichst du davon, wenn du auf ein Eingabefeld klickst, anstatt nur darüber zu schweben? Das hat es für mich behoben:

input:focus {
   outline: none;
   border: specify yours;
}

Vor dem Anwenden der Eigenschaft box-shadow: none

Nach dem Anwenden der Eigenschaft box-shadow: none

Dies ist die einfachste Lösung und hat bei mir funktioniert

input {
   box-shadow : none;  
}