背景颜色与文本颜色相同

Question

目前我有以下代码。

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

这使我的输入框变白并摆脱了边框。但是输入值时，该值为黑色。我想要的是，当输入文本时，它与背景颜色相同，因此它实际上是不可见的。

Answer 1

这应该可以解决问题。

#Image_ID:focus {
    color: transparent;
}

Answer 2

重申，问题在于程序员想要一种自动方式，使背景颜色与元素的指定color相同，而无需手动指定。

可以使用currentColor属性background的一个很好的技巧来完成。

Live demo here与MDN docs here和supported browsers list here。

p{
  color      : green;
  background : currentColor; // will render same as above, "green"
}