Css效果无法正常工作到mvc中的@ Html.actionlink

Question

ActionLink的：

        @Html.ActionLink("Edit", "Edit","City",new { id = item.CityID},new {@class= "PoPrint" })




    Here is the Style I am applying:




        <style>
         PoPrint {
                border: 4px outset;
                padding: 2px;
                text-decoration: none;
                background-color: lightskyblue;
            }
        </style>

我想让@ Html.ActionLink看起来像按钮。我正在将css分配给我的actionlink但是css效果没有出现在我的actionlik上。
我使用@class来应用css但仍然无法正常工作。

Answer 1

您忘记在班级名称前加一个点，将PoPrint替换为.PoPrint

<style>
.PoPrint { //you should put a dot before the classname
    border: 4px outset;
    padding: 2px;
    text-decoration: none;
    background-color: lightskyblue;
}
</style>