1

お問い合わせフォームを作っています。ここで、明らかに、メッセージ ボックスを電子メールと件名の入力ボックスよりも大きくしたいと思います。したがって、すべてのボックスが変更されるため、cssに入力を入力することはできません。メッセージボックスを指定すると、次のようになると思いました

input [type="text" name="message"] {
    padding-bottom: 500px;
}

それは明らかにうまくいきませんでした...では、何が間違っているのでしょうか?

HTML

<div id="contactContent">
 <form>
 <label>Email:</label><input type="text" name="email" />
 <br>
 <label>Subject:</label><input type="text" name="subject" />
 <br>
 <label>Message:</label><input type="text" name="message" />
 </form>
</div>

CSS

#contactContent { 
    margin-top: 50px; 
    margin-left: 350px;
}
input { 
    border: none; 
    background-color: #CCCCCC; 
    margin-left: 20px; 
    margin-bottom: 5px; 
    padding-right: 250px;
    padding-top: 13px;
    padding-bottom: 13px;
}
label {
    display:inline-block;
    width:100px;
    font-family:maven;
    color: #FF6464;
    font-size: 20px;
    text-align: right;
}
input [type="text" name="message"] {
    padding-bottom: 500px;
}
4

2 に答える 2

5

セレクターが正しくありません。タイプと名前の両方を介して要素にスタイルを適用する正しい方法は次のとおりです。

input[type="text"][name="message"] {
    padding-bottom: 500px;
}

ただし、そのようにする正当な理由がない限り、クラスまたは ID を使用して要素をターゲットにする方がよいでしょう。

于 2013-05-17T14:38:31.437 に答える
2

メッセージ ボックスのより良いオプションは、次の<textarea>要素です。

<label for="message">Message:</label>
<textarea id="message" name="message"></textarea>

その場合、そのスタイルは入力スタイルと競合しません。

とにかく、何らかの理由で 1 行の入力だけが必要な場合は、別のスタイリング フックが一意のクラスまたは ID になります。

于 2013-05-17T14:42:31.257 に答える