2014-01-29 86 views
1

目前我有以下代碼。背景顏色與文字顏色相同

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

這使得我的輸入框變白並且擺脫邊界。但是,當輸入值時,該值是黑色。我想要的是當輸入文字時,它與背景顏色相同,因此幾乎不可見。

+1

您是否試過改變顏色屬性? – j08691

+0

你有我們可以看的演示嗎? – GSaunders

回答

6

這應該可以做到。

#Image_ID:focus { 
    color: transparent; 
} 
+0

無法讓它工作。但它確實讓我有了採用原始代碼和改變顏色的想法:#000066顏色:透明;哪些工作! –

+1

@MichaelDowney我很高興你找到了解決方案! –

5

重申的是,問題是,程序員希望的背景色爲相同的元素的指定color自動的方式,而無需手動指定它。

這可以用background propety的currentColor的值很好的把戲來完成。

Live demo hereMDN docs heresupported browsers list here

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