圖像背景和文本輸入提交按鈕 - CSS

我想爲我的窗體有一個圖像背景，並在背景上顯示文本按鈕。看起來很簡單，但我努力讓文本出現，無論我嘗試什麼，並且在搜索一小時後尋找找到具有類似問題的人時掙扎，所以假設我正在做一些愚蠢的事情！圖像背景和文本輸入提交按鈕 - CSS

這裏是我的CSS：

#detail-left .cart-button { 
    background : url("../graphics/cart-button.png"); 
    border : none; 
    color : transparent; 
    height: 48px; 
    width: 118px; 
    padding: 10px; 
    line-height: 48px; 
}

和我的html：

<input class='cart-button' type='submit' value='Add' />

來源

2012-06-24 Alpaus

從樣式類刪除color : transparent;，這應該工作

#detail-left .cart-button { 
    background : url("../graphics/cart-button.png"); 
    border : none; 
    height: 48px; 
    width: 118px; 
    padding: 10px; 
    line-height: 48px; 
}

試試這個工作fiddle

來源

2012-06-24 07:35:59

謝謝，這個伎倆。至少我對一件事是正確的 - 愚蠢！ – Alpaus

去除顏色：透明。它使你的文字透明給它一些顏色。

來源

2012-06-24 07:36:01 SVS

謝謝，接受稍早給出的答案。 – Alpaus

不，問題。其實我無法通過只寫「刪除顏色：透明」來提交我的答案，所以需要時間思考還有什麼要寫的提交:-) – SVS

「顏色：透明」設置將導致文本完全透明，如果您希望文本具有半透明度，請考慮使用rgba。

來源

2012-06-24 07:41:44 monkeymad2

謝謝，接受稍早給出的答案。 – Alpaus

圖像背景和文本輸入提交按鈕 - CSS

回答

相關問題