錯誤的自定義輸入背景[「文本」] CSS

我試圖創建一個形式input["text"]字段，但我得到這個白色邊框/背景四周，我不知道如何擺脫的。錯誤的自定義輸入背景[「文本」] CSS

任何人都可以幫助我嗎？

enter image description here

.my-form-login input[type="text"] { 
    background-image: url('../images/text-input.png'); 
    background-repeat: no-repeat; 
    outline: none; 
    width: 180px; 
    height: 30px; 
    border: none; 
    padding: 5px; 
}

來源

2011-11-24 Mc-

這是否僅在Chrome上發生？ – BoltClock

嘗試將背景顏色設置爲透明 – Maheep

如果您想要的只是圓角，請嘗試使用CSS3中的'border-radius'。 – Hauleth

邊框的組合：0像素+設置背景色解決它

Althought將是巨大的，以將其設置爲透明...

謝謝大家。

.my-form-login input[type="text"] { 
    background-image: url('../images/text-input.png'); 
    background-repeat: no-repeat; 
    outline: none; 
    width: 180px; 
    height: 30px; 
    padding: 0px; 
    background-color: #444; 
    border: 0px; 
}

來源

2011-11-24 12:39:36

使用background-color:[background color of parent tag];

來源

2011-11-24 12:30:06 Dev

顯示白色背景的元素幾乎肯定是「輸入」 - 它具有白色的默認背景色。只需將背景色設置爲透明就可以完成大部分工作。 – BoltClock

thnx BoldClock並且是輸入標籤，需要爲輸入標籤設置背景顏色。 – Dev

錯誤的自定義輸入背景[「文本」] CSS

回答

相關問題