下拉CSS不起作用

Question

这是我的代码Link

Label {
    float: left;
    width: 150px;
    text-align: right;
    padding-right: 15px;
    margin-top: 15px;
    clear: left;      
}

input, textarea{
    margin-top: 15px;
}

#submit{
    margin-left: 150px;
    padding: 15px;
}   

CSS在文本框上工作正常，但下拉框未正确对齐。谁能告诉我我做错了什么？

Answer 1

您没有在样式中包含“select”元素。

这将解决它：

input, textarea, select{
margin-top: 15px;}

我编辑了你的小提琴here。

Answer 2

只需在班级中添加select

input, textarea, select{
    margin-top: 15px;}

Answer 3

将margin-top: 10px添加到select：

Demo

input:not(:last-child), textarea, select {
    width: 200px;
}
select {
    margin-top: 10px;
    width: 210px;
}