在HTML.Helpers上应用CSS

时间:2014-02-25 11:22:03

标签: asp.net-mvc html5 css3 razor asp.net-mvc-5

我知道这是一个老问题,已在StackOverFlow上得到解答。但是,这些答案都没有在这里起作用。我无法在任何html助手上应用CSS。

我的HTML:

@Html.TextBox("Origin", new { @class = "MyInputClass" }) 

我的CSS:

 .MyInputClass
{
 width:300px;
} 

我没有获得300px宽度的文本框,而是获得了一个带有文本的文本框:{class = MyInputClass}

如果我改为尝试:

@Html.TextBox("Origin", "123", new { @class = "MyInputClass" }) 

然后我会得到一个文本框“123”,但默认宽度为......

1 个答案:

答案 0 :(得分:3)

不确定什么是错的,因为我尝试了两个例子并按预期工作。

GOT:

<input class="MyInputClass" id="Origin" name="Origin" type="text" value="">

<input class="MyInputClass" id="Origin" name="Origin" type="text" value="123">

CSS是否正确链接?

编辑:     也许你改变了一些东西,但现在第一个例子会在其中生成带有“{class = MyInputClass}”的文本框。在中间添加空字符串参数,以创建一个空文本框:

@Html.TextBox("Origin", "", new { @class = "MyInputClass" })