blocks|key|964434|text|尝尝这个|type|unstyled|depth|inlineStyleRanges|entityRanges|data|964435|<%25=+Html.TextBoxFor(x+=>+x.NickName,+new+{+@class+=+"myCss"+})%25>|code-block|syntax|javascript|964436|或|964437|<%25=+Html.TextAreaFor(x+=>+x.NickName,+new+{+cols+=+"40%25",+@class+=+"myCss"+})%25>|964438|现在你可以定义你的属性了，因为MVC知道要使用什么类型(TextArea)。|964439|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Try this

<pre><code>&lt;%= Html.TextBoxFor(x =&gt; x.NickName, new { @class = "myCss" })%&gt;
</code></pre>

or

<pre><code>&lt;%= Html.TextAreaFor(x =&gt; x.NickName, new { cols = "40%", @class = "myCss" })%&gt;
</code></pre>

Now you can define your attributes because MVC knows what type to use (TextArea).

blocks|key|1178725|text|将EditorFor结果放在一个带有一些类属性的div中，并放在这个类的样式定义中，使用!important指令强制接受该div中的任何所需值。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1178726|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Place result of EditorFor inside a div with some class attribute on it, and inside style definition for this class, use !important directive to force accept desired values to anything inside that div.

blocks|key|964533|text|尝尝这个,|type|unstyled|depth|inlineStyleRanges|entityRanges|data|964534|https://stackoverflow.com/a/4249988/505474|offset|length|964535|从上面的链接复制，|964536|@model+DateTime?

@Html.TextBox("",+(Model.HasValue+?+Model.Value.ToShortDateString()+:+string.Empty),+new+{+@class+=+"datePicker"+})|code-block|syntax|javascript|964537|对我来说很管用。|964538|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|16|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|W|8|@]|9|@$D|X|E|Y|1|Z]]|A|$]]|$1|F|3|G|5|6|7|10|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|11|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|12|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|13|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|C]]]]

Try this, 

<a href="https://stackoverflow.com/a/4249988/505474">https://stackoverflow.com/a/4249988/505474</a>

Copied from above link,

<pre><code>@model DateTime?

@Html.TextBox("", (Model.HasValue ? Model.Value.ToShortDateString() : string.Empty), new { @class = "datePicker" })
</code></pre>

It works for me...

blocks|key|964591|text|您可以使用以下方法，而不是要求您的输入字段直接应用类：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|964592|<div+class="editor-field+myCss">
++++@Html.EditorFor(model+=>+model.Nickname)
</div>|code-block|syntax|javascript|964593|其结果大致为以下HTML|964594|<div+class="editor-field+myCss">
++++<input+class="text-box+single-line"+data-val="true"+id="Nickname"+name="Nickname"+type="text"+value="">
</div>|964595|然后只需使用CSS规则来适当地设置样式|964596|.myCss+input.text-box+{font-size:+2em;}|offset|length|style|CODE|964597|entityMap^0|0|0|0|0|0|0|13|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|Y|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|Z|8|@$O|10|P|11|Q|R]]|9|@]|A|$]]|$1|S|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|T|$]]

Rather than requiring your input field to have the class directly applied, you could use the following:

<pre><code>&lt;div class="editor-field myCss"&gt;
 @Html.EditorFor(model =&gt; model.Nickname)
&lt;/div&gt;
</code></pre>

Which results in roughly the following HTML

<pre><code>&lt;div class="editor-field myCss"&gt;
 &lt;input class="text-box single-line" data-val="true" id="Nickname" name="Nickname" type="text" value=""&gt;
&lt;/div&gt;
</code></pre>

Then just use the CSS rule to style appropriately

<code>.myCss input.text-box {font-size: 2em;}</code>

blocks|key|1178828|text|尝尝这个|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1178829|@Html.EditorFor(p+=>+p.Name,+new+{+htmlAttributes+=+new{+@class+="my-css-class"}+})|code-block|syntax|javascript|1178830|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Try this
<pre><code>@Html.EditorFor(p =&gt; p.Name, new { htmlAttributes = new{ @class =&quot;my-css-class&quot;} })
</code></pre>

I'd like to change style of the 'editor for' textbox from MVC, specifically I want to make the textbox larger. 

I've tried adding css a few ways, to no avail.

including :

<pre><code>&lt;td class="myCss"&gt;&lt;%=Html.EditorFor(x =&gt; x.NickName)%&gt;&lt;/td&gt;
</code></pre>

and

<pre><code>&lt;td class="myCss"&gt;&lt;%=Html.EditorFor(x =&gt; x.NickName, new { @class = "myCss" })%&gt;&lt;/td&gt;
</code></pre>

help pls!

asp.net mvc adding css to editorfor?

我想从MVC改变“编辑器”文本框的样式，特别是我想让文本框变大。我尝试过几种添加css的方法，但都无济于事。包括：<td class="myCss"><%=Html.EditorFor(x => x.NickName)%></td>和<td class="myCss"><%=Html.EditorFor(x => x....

问asp.net mvc添加css到编辑器？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问asp.net mvc添加css到编辑器？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问asp.net mvc添加css到编辑器？
EN