Применение пользовательского css к типу ввода типа загрузочного ввода

Question

Я потратил час, пытаясь применить мой css к загрузочному вводу текста типа внутри формы. Вот мой код:

<form> 
    <div class="form-group"> 
    <input type="text" name="username" value="" id="username" class="form-control" /> 
    </div> 
</form> 

input [type=text] { 
    background-color: red !important; 
} 

Самое странное в том, что если я удалить [type=text] часть, то все в порядке.

JSFiddle

Answer 1

Вы должны удалить пространство между input и [type=text]:

input[type=text] { 
 
    background-color: red !important; 
 
}

<input type="text"/> 
 
<input type="password"/>

Answer 2

Ваш фон правописание является неправильным и удалить пространство.

input [type=text] { 
    barckground-color: red !important; 
} 

поэтому убедитесь, что вы ввели правильный.

input[type=text] { 
    background-color: red !important; 
} 

Answer 3

привет попробовать это одна надежда я могу вам помочь:

<div class="form-group"> 
     <label for="usr">Name:</label> 
     <input type="text" class="form-control" id="usr"> 
     <input type="text" name="username" placeholder="input username"> 
    </div> 
    <div class="form-group"> 
     <label for="pwd">Password:</label> 
     <input type="password" class="form-control" id="pwd"> 
     <input type="text" name="password" placeholder="input password"> 
    </div> 
</form>