Search code examples
csstextbox

How to make a textbox indistinguishable from the background?


Which css should I apply to textbox that make it same as background means user does not feel like he is typing in textbox? I tried giving same background color but it still doesn't provide exact what I want. User still can feel that it's a textbox.


Solution

  • Do you mean like this?

    input {
        border: 0;
        background: transparent /* the important bit */
    }
    

    Live Demo (I added a blue border on a parent element so you can see where the <input> is)
    http://jsfiddle.net/eUmr2/1/ (with gradient background to more easily see the transparent)


    Appears to work in IE6:

    enter image description here