[英]asp.net mvc adding css to editorfor?
I'd like to change style of the 'editor for' textbox from MVC, specifically I want to make the textbox larger.我想从 MVC 更改“编辑器”文本框的样式,特别是我想让文本框变大。
I've tried adding css a few ways, to no avail.我试过通过几种方式添加css,但无济于事。
including :包含 :
<td class="myCss"><%=Html.EditorFor(x => x.NickName)%></td>
and和
<td class="myCss"><%=Html.EditorFor(x => x.NickName, new { @class = "myCss" })%></td>
help pls!请帮助!
robh,罗布,
it's difficult to know from your question whether you're looking for a 'generic' or specific solution within your project.从您的问题中很难知道您是在寻找项目中的“通用”解决方案还是特定解决方案。 as such, i'm going to address the generic - works once, works everywhere solution.
因此,我将解决通用问题 - 一次有效,处处有效的解决方案。
this entails taking a few steps (convention over configuration).这需要采取一些步骤(约定优于配置)。 basically here's what's required:
基本上这里是什么要求:
now, define that ascx file as per:现在,按照以下方式定义该 ascx 文件:
<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<string>" %>
<div class="editor-label">
<%= Html.LabelFor(model => model) %>
</div>
<div class="new-editor-field">
<%= Html.TextBoxFor(model => model) %>
<%= Html.ValidationMessageFor(model => model) %>
</div>
this will now make all 'string' based EditorFor() calls use this 'template'.这将使所有基于“字符串”的 EditorFor() 调用都使用此“模板”。 simply make the class 'new-editor-field' reflect your desired css style for that field.
只需让类 'new-editor-field' 反映您对该字段所需的 css 样式。 obviously, cook as per your own requirement (ie you may not want the LabelFor tat etc..)
显然,根据您自己的要求烹饪(即您可能不想要 LabelFor tat 等。)
hope this helps - tho i have to say, this is just one of a few ways to do this (but is my prefered way).希望这会有所帮助 - 我不得不说,这只是执行此操作的几种方法之一(但这是我的首选方式)。
enjoy请享用
jim吉姆
Rather than requiring your input field to have the class directly applied, you could use the following:您可以使用以下内容,而不是要求您的输入字段直接应用该类:
<div class="editor-field myCss">
@Html.EditorFor(model => model.Nickname)
</div>
Which results in roughly the following HTML结果大致如下 HTML
<div class="editor-field myCss">
<input class="text-box single-line" data-val="true" id="Nickname" name="Nickname" type="text" value="">
</div>
Then just use the CSS rule to style appropriately然后只需使用 CSS 规则适当地设置样式
.myCss input.text-box {font-size: 2em;}
Try this尝试这个
<%= Html.TextBoxFor(x => x.NickName, new { @class = "myCss" })%>
or或者
<%= Html.TextAreaFor(x => x.NickName, new { cols = "40%", @class = "myCss" })%>
Now you can define your attributes because MVC knows what type to use (TextArea).现在您可以定义您的属性,因为 MVC 知道要使用什么类型 (TextArea)。
尝试这个
@Html.EditorFor(p => p.Name, new { htmlAttributes = new{ @class ="my-css-class"} })
将 EditorFor 的结果放置在具有某些类属性的 div 中,并在此类的样式定义中,使用 !important 指令强制接受该 div 中的任何内容所需的值。
Try this,尝试这个,
https://stackoverflow.com/a/4249988/505474 https://stackoverflow.com/a/4249988/505474
Copied from above link,从上面的链接复制,
@model DateTime?
@Html.TextBox("", (Model.HasValue ? Model.Value.ToShortDateString() : string.Empty), new { @class = "datePicker" })
It works for me...这个对我有用...
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.