How to create borderless text box in Google Chrome using CSS?

Question

How to create a text box without HTML fields to work in Google Chrome browser? I would prefer to do this in CSS, if possible.

Answer 1

CSS 3 can help here:

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

Answer 2

You can use the following to remove the border and focus outline from text fields.

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

Answer 3

in css write

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

it’s important to make sure the frame is not in focus

Answer 4

Text field? For example:

HTML: <textarea></textarea>

CSS: textarea { border: none 0; } textarea { border: none 0; }