Come posso creare una casella di testo senza bordi in Google Chrome usando i CSS?

Question

Come posso creare una casella di testo HTML senza bordi per funzionare nel browser Google Chrome? Preferirei farlo in CSS, se possibile.

Answer 1

CSS 3 potrebbe aiutare qui:

input[type=text], 
input[type=text]:hover, 
input[type=text]:focus, 
input[type=text]:active 
{ 
    border: 0; 
    outline: none; 
    outline-offset: 0; 
} 

Answer 2

Una textarea? Come:

HTML: <textarea></textarea>

CSS: textarea { border: none 0; }

Answer 3

in css, scrivere

input, textarea, input:focus, textarea:focus { 
    background:transparent; 
    border:0; 
} 

è importante assicurarsi che appare nessun bordo a fuoco

Answer 4

È possibile utilizzare il seguito per rimuovere il bordo e il contorno di messa a fuoco dalle caselle di testo.

input[type=text], textarea { 
    border: 0; 
} 

input[type=text]:focus, textarea:focus { 
    outline: none; 
}