¿Cómo puedo crear un cuadro de texto sin bordes en Google Chrome usando CSS?

Question

¿Cómo puedo crear un cuadro de texto HTML sin bordes para que funcione en el navegador Google Chrome? Preferiría hacer esto en CSS, si es posible.

Answer 1

CSS 3 podría ayudar aquí:

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

Answer 2

A textarea? Al igual que:

HTML: <textarea></textarea>

CSS: textarea { border: none 0; }

Answer 3

en css, escribir

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

es importante para asegurarse de que no aparece ninguna frontera el enfoque

Answer 4

Usted puede utilizar el siguiente para eliminar el borde y el esquema de enfoque de los cuadros de texto.

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

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