Ziemlich einfach. Ich versuche, die Größe der einzelnen Eingabefelder zu ändern, aber wenn ich versuche, ihre Größe zu ändern (mit Klassen), ändert sich die Größe jeder Box. Nicht sicher, was falsch ist. Hier ist der Code:Die Größe des individuellen Eingabefeldes ändert sich nicht, ohne dass andere Größen geändert werden.
/* Centre the page */
.body {
margin: 0 auto;
width: 450px;
top: 50px;
background-color: #444;
overflow: hidden;
position: relative;
display: block;
padding: 5px;
}
/* Centre the form within the page */
form {
margin:0 auto;
text-align: center;
}
/* Style the text boxes */
input, textarea {
height:30px;
background:#444;
border:1px solid white;
padding:10px;
font-size:1.4em;
color:white;
font-family: 'Lato', sans-serif;
}
input:focus, textarea:focus {
border:1px solid white;
color: white;
}
#submit {
height: 50px;
cursor: pointer;
}
#submit:hover {
background-color:#005f5f ;
}
.info {
size: 175px;
}
.message {
size: 400px;
}
<div class="body">
\t \t <form method="post" action="../php/index.php">
\t \t <input class="info" name="name" placeholder="What's your name?">
\t \t <input class="info" name="email" type="email" placeholder="What's your email?">
\t \t <textarea class="message" name="message" placeholder="How can I help?"></textarea>
\t \t <input class="info" id="submit" name="submit" type="submit" value="Submit">
\t \t </form>
\t </div>
Jede Hilfe würde geschätzt. Ich weiß, dass der Code unordentlich ist, ich habe alles versucht, also habe ich keine Zeit gehabt, es aufzuräumen. Danke im Voraus!