我正在做一份联系表格。很明显,我希望邮件框比电子邮件和主题输入框大。所以很明显我不能只在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/

10-09 07:16
查看更多