更改Mvc TextboxFor的字体大小

我正在努力改变MVC TextBoxFor的字体大小？更改Mvc TextboxFor的字体大小

使用时，我可以改变字体大小：

输入，文本区域{}

但是，这改变了我所有的输入大小的。我也试着再一个CSS类添加到我的TextboxFor：

@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

来源

2014-06-05 Pomster

您是否看到chrome/firefox调试工具（按f12）html元素部分并检查了应用了哪些css类？ –

@Murali是的，它说“文本框单行”我不知道这是什么风格。这是它给出的类，它们的样式看起来像是它的输入，下拉。 ....但是它的一个文本框：\ – Pomster

您可以使用Chrome控制台添加快照吗？它应该只从一些CSS文件 –

所以，你开始你的问题关闭询问TextBoxFor，但实际代码引用EditorFor。

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

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

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

来源

2014-06-05 17:59:13

更改Mvc TextboxFor的字体大小

回答

相关问题