Background color to be same as text color

Question

Currently I have the following code.

#Image_ID {
    color: #000066;
    font: normal 10pt Verdana, Helvetica, Arial;
    background: none;
    border: none;
}

This makes my Input Box white and gets rid of the border. But when a value is entered the value is a black color. What I want is so that when text is entered that it is the same color as the background so that it is virtually invisible.

Answer 1

Automatic background color to be the same as the specified color of the element, without specifying it manually can be done using the currentColor value for the background property.

body {
  color: black;
  background: currentColor;
}

Browsers support is excellent.

Answer 2

This should do the trick.

#Image_ID:focus {
    color: transparent;
}