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

Question

所以，我有一个表单上的 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 中。没有测试其他浏览器。