1
かなり簡単です。個々の入力ボックスのサイズを変更しようとしていますが、クラスを使用してサイズを変更しようとすると、すべてのボックスのサイズが変更されます。何が間違っているか分かりません。ここでは、コードです：個々の入力ボックスのサイズが変更されず、他のサイズ変更も行われません。
/* 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>任意の助けをいただければ幸いです。私はコードが乱雑であることを知っている、私はすべてを試してきたので、私はそれをきれいにする時間がなかった。前もって感謝します！