CSS Form Anwendung nicht

Question

Ich habe diese Form:

<div class="jumbotron" id="jumbotron-6" align="center">   
    <form action="login.php" method="POST"> 
     <input type="text" placeholder="Enter your email" name="email"> 
     <input type="password" placeholder="and password" name="password"> 
     <input type="submit"> 
    </form> 
</div> 

Und ich versuche diese CSS, um es anzuwenden:

input [type="text"], input [type="password"] { 
    outline: none; 
    padding: 10px; 
    display: block; 
    width: 300px; 
    border-radius: 3px; 
    border:1px solid #eee; 
    margin:20px auto; 
} 

Aber es ist die Anwendung nicht. Ich habe meine CSS auch auf die Seite verlinkt.

Answer 1

input [type="text"], input [type="password"] {

dass Elemente innerhalb ein Eingabeelement (nicht in HTML) wählen würde, die eine Art von Text oder Passwort haben - können Sie die Räume entfernen müssen, Eingabeelemente zu wählen, dass themsleves sind vom Typ Text oder Passwort:

input[type="text"], input[type="password"] {

Answer 2

Remov e der Abstand so wäre es eingegeben werden [....]

input[type="text"], input[type="password"] { 
 
    outline: none; 
 
    padding: 10px; 
 
    display: block; 
 
    width: 300px; 
 
    border-radius: 3px; 
 
    border:1px solid #eee; 
 
    margin:20px auto; 
 
}

<div class="jumbotron" id="jumbotron-6" align="center">   
 
    <form action="login.php" method="POST"> 
 
     <input type="text" placeholder="Enter your email" name="email"> 
 
     <input type="password" placeholder="and password" name="password"> 
 
     <input type="submit"> 
 
    </form> 
 
</div>