使用Razor HTML帮助程序编码时是否可以使用CSS

Question

我对MVC很新，只是通过示例学习，到目前为止我能够做到

@Html.RadioButton("settings", "UpdateEmail")

但有没有像额外的参数这样的方式，所以我也可以为它设置一些outline:none和alignment属性？

在谷歌我找到了这个例子，但他没有传递CSS：http://www.tutorialsteacher.com/mvc/htmlhelper-radiobutton-radiobuttonfor

Answer 1

Razor中的每个HTMLHelper都有htmlProperty参数，该参数接受一个对象并在html内打印该对象的属性。

所以，如果你想设置一个CSS类，你可以这样做：

@Html.RadioButton("settings", "UpdateEmail", new {@class = "myCssClass"})

这将成为这个：

<input type="radio" name="settings" value="UpdateEmail" class="myCssClass">

你可以用这种方式设置任何属性：

@Html.RadioButton("settings", "UpdateEmail", new {@class = "myCssClass", style="width: 100px", disabled="disabled"})

注意：名为@的属性之前的class是必需的，因为class是保留字，因此使用@class可以使用此单词。

Answer 2

我相信你可以这样做：

@ Html.RadioButton（＆＃34; settings＆＃34;，＆＃34; UpdateEmail＆＃34;，new {@class =＆＃34; inputclass＆＃34;}）

或

@ Html.RadioButton（＆＃34; settings＆＃34;，＆＃34; UpdateEmail＆＃34;，new {style =＆＃34; outline：none;＆＃34;}）