CODEWITHSUNDEEP
htmlcss
SteAp
SteAp

Reputation: 11999

Make input control invisible and keep input functionality

I wonder, if I could make HTML FORM input controls invisible, while keeping their input text-editing functionality active.

Why? Because a designer created an image, which should be used as a form. The image make use of color gradients - all over and inside the form fields.

Upvotes: 0

Views: 533

Answers (2)

Vucko
Vucko

Reputation: 20844

You can use 

input{
    background:transparent;
    border:none;
    outline:none;
}

JSFiddle.

To keep input (text-editing) functionality and to hide it.

Upvotes: 2

Aiias
Aiias

Reputation: 4748

You could try some styling like this for a textfield:

input[type="text"] {
  background: transparent;
  border: 0;
}

Note: Transparency does not work by default in IE6.

Upvotes: 1

Related Questions