CSS Bootstrap прозрачный ввод текста, только нижняя граница (Chrome)

Question

Я использую bootstrap, как сделать вводимый текст прозрачным и иметь только нижнюю границу? Я пробовал следующее:

#login input[type=text] {
    border: 0;
    outline: 0;
    background: transparent;
    border-bottom: 1px solid #e5e5e5;
}

фон вводимого текста все еще белый, что я делаю не так? Эта проблема появляется только в Chrome.

Answer 1

если у вас есть идентификатор для поля ввода, input[type=text] не имеет значения, потому что будет только одно поле с этим идентификатором

, поэтому попробуйте следующее:

 #login {
border: 0;
outline: 0;
background: transparent;
border-bottom: 1px solid #e5e5e5;
}