我有一个MVC视图,带有标签和两个radiobuttons。我想做的是,当radiobutton" Dark"如果选中,标签中的文字颜色应该变为黑色,而当radiobutton" Light"选择文本颜色应更改为白色。
型号:
public class SetupThemeModel
{
public bool IsFontColorDark { get; set; }
}
控制器:
public ActionResult LabelText(SetupThemeModel model)
{
return View(model);
}
查看:
@using (Html.BeginForm())
{
<label>
@Html.RadioButtonFor(m => m.IsFontColorDark, "false", new { id = "Light" })
@Html.Label("Light", "Light Font Color")
</label><br />
<label>
@Html.RadioButtonFor(m => m.IsFontColorDark, "true", new { id = "Dark" })
@Html.Label("Dark", "Dark Font Color")
</label>
<input type="submit" value="Try" class="btn btn-danger" />
}
标签:
<h1><span class="label label-default h1" id="text" style="background-color:#ffd800">Sample Text</span></h1>
我试图通过标签ID传递颜色,但我卡住了我不知道如何继续。
答案 0 :(得分:0)
你可以这样写:
.red{
color : red;
background-color: red;
}
@Html.Label("Light", "Light Font Color", htmlAttributes: new { @class = "red" })