更改Mvc TextboxFor的字体大小

时间:2014-06-05 16:12:14

标签: html css asp.net-mvc html.textboxfor

我正在努力改变MVC TextBoxFor的字体大小?

使用时我可以更改字体大小:

  

输入,textarea {}

但这改变了我所有的输入大小。我还尝试在我的TextboxFor中添加一个css类:

@Html.EditorFor(model => model.UserName, new { @Class = "Mytextarea" })

CSS

.Mytextarea {
    font-size: 0.85em !important;
    height: 14px !important;
    color: #333 !important;
    /*font-family: inherit;*/
    width: 300px;

}

这没有任何影响。

我的TextBoxFor是庞大而笨重的,我无法改变它们,如果可能的话,我想设置样式来立即改变它们。


编辑:

enter image description here

enter image description here

1 个答案:

答案 0 :(得分:2)

所以,你开始问你关于TextBoxFor的问题,但你的实际代码引用了EditorFor。

使用EditorFor扩展名时,您需要编写自定义编辑器模板来描述可视组件。如果你不这样做,它将使用默认模板,即"text-box single-line"来自的地方。

有关如何构建可分配给EditorFor帮助程序的模板的快速说明,请参阅this answer。或者像这样使用TextBoxFor

@Html.TextBoxFor(model => model.UserName, new { @Class = "Mytextarea" })