为什么我的SELECT元素忽略了我的CSS

Question

因此，我在Form上有一个SELECT元素以及其他一些INPUT文本框。

我对所有这些都设置了相同的样式。文本框看起来不错，它们是我想要的正确间距的大小，字体很好。

选择（下拉框）看起来像经典的蹩脚开箱即用浏览器下拉列表。它没有听我在样式表中有以下内容（与输入相同）

select {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    font-size: 1.2em;
    margin: 5px 0 6px 0;
    padding: 5px; }


input, textarea {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    font-size: 1.2em;
    margin: 5px 0 6px 0;
    padding: 5px;
    width: 300px; }

当我加载页面时，SELECT元素看起来像垃圾。当我在Chrome中检查它时，它显示没有匹配的CSS样式。如果在Chrome中我在开发人员工具中为这个元素手动粘贴这些样式，那么SELECT元素突然就像我想要的那样。当页面加载时，为什么浏览器没有选择它？

发生在Chrome和IE中。尚未测试其他浏览器。