得到一个html<；ul>；列表元素由使用css进行样式设置的razor填充

我试图创建一个列表，但我不能按id或类别来设置它的样式。关于razor，有什么我应该知道的吗。。razor是否可以阻止样式，以及我如何为该元素提供一种样式，该元素将填充razor

此外，我想把这个列表作为下拉列表（我不想做一个正常的下拉列表，我想用ul元素的风格）。当鼠标在它上面时，它只会显示一个标题，它应该展开，所以我该怎么做呢

@using (Html.BeginForm("Create", "Admin", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    @Html.ValidationSummary(true)
    <table>
        <tr>
            <td></td><td></td>
                <td colspan="2">
                    <div class="editor-label">Product</div>
                    <div id="d1" class="editor-field">
                        <input id="iProduct" type="text" />
                        <input id="ProductSub" type="button" style="padding:5px; margin-top:15px;" value="Add New Product" onclick="productsub()"/>
                        @foreach (var Product in (new SelectList((System.Collections.IEnumerable)ViewData["Productlist"], "id", "name")))
                        {
                            <ul id="nanik">
                                <li id="@Product.Value">@Product.Text</li>
                            </ul>
                        }
                    </div>
                </td>

@使用（Html.BeginForm（“Create”、“Admin”、FormMethod.Post、new{enctype=“multipart/formdata”}））
{
@Html.ValidationSummary（true）
产品
@foreach（新的SelectList（（System.Collections.IEnumerable）视图数据[“Productlist”]、“id”、“name”）中的var产品）
{

@Product.Text

}

---

另外，如果你能告诉我你是否知道如何将其转换为下拉列表，那将是非常棒的。

我建议你使用安装了Firebug的Google Chrome或Firefox打开网页，并使用他们的Inspect元素查看为什么CSS不用于设置列表样式。我猜其他CSS代码已经覆盖了你的列表样式。

删除了所有元素的css属性。这似乎不可能，因为感谢.net mvc，我可以看到我在其中所做的所有更改。因此，我仔细检查了主css文件，没有覆盖css。在检查的同时，我还看到一些基本样式，如文本对齐，但其他颜色或边框根本不起作用。你能在公共网站上发布你的页面吗服务器？使用相同CSS文件的动态页面的静态HTML文件也可以。因为安全问题，我不能。我会的，但我的雇主会有一点对话与我。但我可以给一个链接我的css文件+一些更多的信息我的代码在我的看法。你能提供一个精简版本的网页作为HTML副本吗？最好是那种只有问题列表。解决问题只是看css代码可能是困难的。我发现问题你的权利，有一个覆盖。因此，为这个问题的答案在。我发现一个链接适用于一个文件的样式作为行为。因此，当我检查它时，发现我使用它用于IE圆角，这就是解决所有这些复杂问题的方法。