2012-03-23 61 views
0

嗨我想让我的文本框的宽度更长。MVC3文本框 - 创建自定义宽度

生成的视图使用@Html.EditorFor我注意到我不能修改,也不能将css样式添加到它。

所以我检查,TextAreFor和它的作品,但它会创建一个滚动条,因为它是一个textarea

例如

@Html.TextAreaFor(model => model.Name, new { cols=50, @rows=1 })

我将如何删除滚动条?所以它看起来像是一个文本框?或者有另一种方式来生成具有自定义宽度的文本框?

感谢,

回答

0

使用CSS类,使用以下语句:

overflow:hidden 
1

您可以使用TextBoxFor HTML辅助方法,像这样

@Html.TextBoxFor(m => m.Name, new { @class="yourCustomClass" }) 

自定义类生成输入元素,现在你可以在这个类中定义您的自定义样式

.yourCustomClass 
{ 
    width:340px; 
} 
+0

你的代码是好的,但我的问题是别的东西,把你的代码或我的代码时,它仍然会创建一个滚动条,我希望它不会显示滚动条,所以它看起来像一个文本框。 – Ben 2012-03-23 03:38:54

+0

然后它是一些与CSS的东西。张贴您的CSS。可能是HTML标记和相关的CSS在jsfiddle.net – Shyju 2012-03-23 03:41:45

+0

我没有任何CSS。我正在使用您发布的确切代码。在UI上输出时,文本框控件将显示多行和滚动条。 Thx – Ben 2012-03-23 03:50:43

0

也许

@Html.TextBoxFor(m => m.Name, new { @style="width:150px; height:50px; overflow:hidden;" })