2011-11-24 44 views
0

我试图创建一个形式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; 
} 
+0

这是否仅在Chrome上发生? – BoltClock

+0

尝试将背景颜色设置为透明 – Maheep

+0

如果您想要的只是圆角,请尝试使用CSS3中的'border-radius'。 – Hauleth

回答

0

边框的组合: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; 
} 
1

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

+0

显示白色背景的元素几乎肯定是“输入” - 它具有白色的默认背景色。只需将背景色设置为透明就可以完成大部分工作。 – BoltClock

+1

thnx BoldClock并且是输入标签,需要为输入标签设置背景颜色。 – Dev