Неправильный фон при пользовательском вводе ["text"] CSS

Question

Я пытаюсь оформить поле формы input["text"], но я получаю белую рамку / фон вокруг, и я не знаю, как от него избавиться.

Кто-нибудь может мне помочь?

.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;
}

Answer 1

Использование background-color:[background color of parent tag];

Answer 2

Комбинация границ: 0px + установка цвета фона, это решило

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;
}