我正在做一份联系表格。很明显,我希望邮件框比电子邮件和主题输入框大。所以很明显我不能只在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;
}
最佳答案
选择器不正确,通过元素的类型和名称将样式应用于元素的正确方法是:
input[type="text"][name="message"] {
padding-bottom: 500px;
}
尽管最好使用类或id作为元素的目标,除非您有充分的理由这样做。
关于html - 指定输入类型名称?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/16611687/