MVC3的site.css重写我的自定义样式

我有这样的HTML是由MVC3剃刀引擎产生的：我写我的自动填充功能MVC3的site.css重写我的自定义样式

<div class="editor-field"> 
    <div id="autoComplete"> 
     @Html.EditorFor(model => Model.group_name, new { ID = "group_name" }) 
     @Html.ValidationMessageFor(model => Model.group_name) 
    </div> 
</div>

我的自定义CSS：

#group_name input[type='text'], input[type='password'] 
{ 
    padding: 0px; 
    border: 1px solid black; 
    background-color: white; 
    overflow: hidden; 
    z-index: 99999; 
} 
#group_name input[type='text'], input[type='password'] ul 
{ 
    width: 100%; 
    list-style-position: outside; 
    list-style: none; 
    padding: 0; 
    margin: 0; 
} 
#group_name input[type='text'], input[type='password'] li 
{ 
    margin: 0px; 
    padding: 2px 5px; 
    cursor: default; 
    display: block; /* if width will be 100% horizontal scrollbar will apear  when scroll mode will be used */ /*width: 100%;*/ 
    font: menu; 
    font-size: 12px; /*  it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ 
    line-height: 16px; 
    overflow: hidden; 
}

但它被默认使用MVC 3解决方案的site.css覆盖，它是这样的：

input[type="text"], input[type="password"] 
{ 
    border: 1px solid #ccc; 
    padding: 2px; 
    font-size: 1.2em; 
    color: #444; 
    width: 200px; 
}

有谁知道我必须写什么CSS来定位我的div和输入html？谢谢。

来源

2012-11-02 nick gowdy

您的CSS是在网站CSS之后还是之前调用的？如果是之后会更好。你也应该更清楚地指定你的css，例如“div.mydividorclass输入” –