目前我有以下代碼。背景顏色與文字顏色相同
#Image_ID {
color: #000066;
font: normal 10pt Verdana, Helvetica, Arial;
background: none;
border: none;
}
這使得我的輸入框變白並且擺脫邊界。但是,當輸入值時,該值是黑色。我想要的是當輸入文字時,它與背景顏色相同,因此幾乎不可見。
目前我有以下代碼。背景顏色與文字顏色相同
#Image_ID {
color: #000066;
font: normal 10pt Verdana, Helvetica, Arial;
background: none;
border: none;
}
這使得我的輸入框變白並且擺脫邊界。但是,當輸入值時,該值是黑色。我想要的是當輸入文字時,它與背景顏色相同,因此幾乎不可見。
這應該可以做到。
#Image_ID:focus {
color: transparent;
}
無法讓它工作。但它確實讓我有了採用原始代碼和改變顏色的想法:#000066顏色:透明;哪些工作! –
@MichaelDowney我很高興你找到了解決方案! –
重申的是,問題是,程序員希望的背景色爲相同的元素的指定color
自動的方式,而無需手動指定它。
這可以用background
propety的currentColor
的值很好的把戲來完成。
Live demo here與MDN docs here和supported browsers list here。
p{
color : green;
background : currentColor; // will render same as above, "green"
}
您是否試過改變顏色屬性? – j08691
你有我們可以看的演示嗎? – GSaunders