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

因此，我在表单上有一个SELECT元素以及一些其他输入文本框

我把它们都设置为相同的样式。文本框看起来不错，它们是我想要的大小，间距合适，字体也不错

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

当我加载页面时，SELECT元素看起来像垃圾。当我在Chrome中检查它时，它没有显示匹配的CSS样式。如果在Chrome中，我在developer tools中为该元素手动粘贴了这些样式，那么SelectElement会突然像我预期的那样。当页面加载时，浏览器为什么不接收它

---

发生在Chrome和IE上。还没有测试过其他浏览器。

它在IE中正常工作，我做了这个小动作：可能重复：在firefox上也适用。也许你的css文件中有另一条规则，在chrome中也可以使用这些.works。请将链接发送到测试页面。我现在查看。这是默认的ASP.NETMVC4模板，我使用的是现成的。我不知道它现在可能是什么，因为它是相当赤裸裸的。。。。

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; }