文本颜色在没有代码的情况下更改

时间:2014-08-10 20:57:20

标签: c# html asp.net-mvc twitter-bootstrap razor

我在visual studio 2013中有一个像这样的动作链接

@Html.ActionLink(item.PlayerName, "Details", new { id = item.PlayerID })

然后我将其更改为添加一些颜色(使用bootstrap 3)

<span class="text-primary">@Html.ActionLink(item.PlayerName, "Details", new { id = item.PlayerID })</span>

一切都很好,直到我决定改变颜色,但它不起作用,它保持不变,我认为是奇怪的。我现在甚至将代码更改回原来没有span标签的状态,它仍然是彩色的。这怎么可能呢?我已经清除了浏览器缓存,尝试了另一个浏览器甚至重新启动了我的机器。

编辑:这是该页面的所有代码

@model IEnumerable<Ping_Pong.Models.Player>

@{
    ViewBag.Title = "Index";
}

<p class="spacetop">
    @Html.ActionLink("Create New Player", "Create", null, new { @class = "btn btn-primary" })
</p>
<table class="table">
    <tr>
        <th>
            @Html.DisplayNameFor(model => model.PlayerName)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.PlayerScore)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.PlayerDiv)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.PlayerActive)
        </th>
        <th></th>
    </tr>

@foreach (var item in Model) {
    <tr>
        <td>
            @Html.ActionLink(item.PlayerName, "Details", new { id = item.PlayerID })
        </td>
        <td>
            <span class="label label-success">@Html.DisplayFor(modelItem => item.PlayerScore)</span>
        </td>
        <td>
            <span class="label label-success">@Html.DisplayFor(modelItem => item.PlayerDiv)</span>
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.PlayerActive)
        </td>
        <td>
            @Html.ActionLink("Edit", "Edit", new { id = item.PlayerID }, new { @class = "btn btn-warning btn-sm" })
            @Html.ActionLink("Delete", "Delete", new { id = item.PlayerID }, new { @class = "btn btn-danger btn-sm" })
        </td>
    </tr>

}

</table>

1 个答案:

答案 0 :(得分:1)

好的,所以我发现为什么它只是保持蓝色。

我在ActionLink周围使用了一个不起作用的span标签。

正确的方法是在ActionLink中添加一个新类,如此

@Html.ActionLink(item.PlayerName, "Details", new { id = item.PlayerID }, new { @class = "text-danger" })