指定輸入類型名稱？

我在製作聯繫表格。現在顯然我會希望消息框大於電子郵件和主題輸入框。很顯然，我不能在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; 
}

來源

2013-05-17 Zevoxa

順便說一句，有一個''。 – cimmanon

您可以將css類添加到要修改的單個元素。但是，爲什麼你不使用textarea？ –

你的選擇不正確，正確的方式同時通過它的類型樣式應用到元素和名稱爲：

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

雖然你最好使用類或id來定位元素，除非你有這樣做的好理由。

來源

2013-05-17 14:38:31

這樣使用有什麼不好？ – Zevoxa

它不如使用類或ID有效。這裏的差別不大，但如果你有成千上萬的這樣的規則，你最終會得到一個不必要的大文件。 –

一個消息框，更好的選擇是<textarea>元素：

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

然後樣式不隨輸入方式競爭。無論如何，如果由於某種原因你只需要一行輸入，另一個樣式化鉤子將是唯一的類或ID。

來源

2013-05-17 14:42:31

指定輸入類型名稱？

回答

相關問題