Question

这似乎是一个简单的任务，但我无法弄清楚如何将css类应用于actionlink .. 我在位于内容文件夹中的site.css底部放了一个css类，如下所示。我见过的所有例子都说这应该有效......但没有任何反应。

这是链接ive一行一行，但仍然没有发生任何事情。 http://www.devcurry.com/2011/03/aspnet-mvc-use-css-on-htmlactionlink.html

我正在使用mvc4模板并根据需要进行修改。

.mybutton
{
  color:Lime;   
}

foreach (string str in ViewBag.ServerNames)
{

    <ul>
        <img src="../../Content/Images/my_computer.png" alt="Computer Name"/>
        <li>@Html.ActionLink(linkText: str.ToString(), actionName: "Index", controllerName: "Customer",
          routeValues: new { conName = str.ToString() }, htmlAttributes: new { @class = "mybutton" })</li>
    </ul>

}

Answer 1

您的CSS规则没有包含在style标记中。将其更改为：

<style type="text/css">
    .mybutton
    {
        color:Lime;   
    }
</style>

您的foreach循环会使用此HTML呈现每个链接：

<a class="mybutton" href="/MVCApp/Customer/Index?conName=cat">cat</a>

因此，我们必须假设您没有正确链接到CSS文件，或者它可能是继承问题。你可以从页面上发布一个包含整个CSS和HTML的JSFiddle吗？

将css应用于actionlink mvc 4

1 个答案: