asp.net-mvc - <style> 中的 Razor 语法

Question

在 View 的样式标签内使用 Razor 语法的正确语法是什么？我尝试了两种不同的方法:

<style scoped>
    .test1
    {
        background-color: @Model.bgColor;
    }
    .test2
    {
        background-color: @(Model.bgColor);
    }
</style>

这两个版本都会破坏 Visual Studio 2012(版本 11.0.60610.01 Update 3)的语法突出显示和代码缩进。

有什么想法吗？谢谢!

Answer 1

试试这个:

@{
    var mystyle = string.Concat("<style scoped> .test1 { background-color: ", Model.bgColor, "; } .test2 { background-color: ", Model.bgColor, "; } </style>");
}

@MvcHtmlString.Create(mystyle)

编辑

@IngmarBobe 抱歉，但是我在同一版本的 VS2012 上测试了这两个示例并且工作正常。

<style scoped>
    .test1
    {
        background-color: @Model.BgColor;
    }
    .test2
    {
        background-color: @(Model.BgColor);
    }
</style>

和

@{
<style scoped>
    .test1
    {
        background-color: @Model.BgColor;
    }
    .test2
    {
        background-color: @(Model.BgColor);
    }
</style>
}

“BgColor”是什么类型的数据？在我的测试中，“BgColor”是以这种方式定义的，并且效果很好:

public string BgColor { get { return "#611546"; } }