Transparente, randlose Texteingabe

Question

Wie kann ich den Rahmen um einen <input type="text"> entfernen und seinen Hintergrund transparent machen?

Answer 1

Versuchen Sie folgendes:

border: none; 
border-color: transparent; 

Answer 2

So:

input { 
    border: none; 
    background: transparent; 
} 

Answer 3

Besser spät als nie:

input {border-style:none;} 

Answer 4

border: none transparent; 
outline: none; 

Dies wird nicht nur den Rahmen um das Eingabefeld entfernen aber auch die orangefarbene Hervorhebung bei der Eingabe ist im Fokus.