MVCのコントロールとhtmlのスタイルを変更する

Question

最新バージョンのMVCを使用して、アイテムのスタイルを変更したいと思います。

@Html.DisplayNameFor(model => model.Adresse, new { style="width:1000px;" }) 

しかし、それは、任意の要素のスタイルを変更しません。this questionを読んでから、私は、私はこのコードを使用すると考えていました。このコードを修正するにはどうしたらいいですか？

Answer 1

私はDisplayNameForはHTML要素をレンダリングすると考えているので、コントロールにhtml属性を追加すると機能しません。

私はspanでコントロールを折り返し、CSSクラスを追加してから、そこにスタイルを書き込んで管理できるスタイルシートにそのクラスを追加します。

このような何か：

<span class="display-name">@Html.DisplayNameFor(model => model.Adresse)<span>

その後、あなたのCSSスタイルシートであり、あなたの新しいクラスを追加します。

.display-name{ 
    display:inline-block; 
    border: 1px solid #ff0000; 
    background-color:#eee; 
    font-size:15px; 
    /*add more styles ...*/ 
} 

Answer 2

実質的に同じ答えはちょっとしたメモだけです。この

使用： @Html.TextBoxFor(p => p.Publishers[0].pub_name, new { @style="width: 1000px" }) は:と1000pxの間のスペースに注意してください。スタイルに属性が1つしかない場合は、セミコロンを使用しないでください。

Answer 3

これは通常、あなたの例で使用したのと同じように、好みのスタイルを含む匿名オブジェクトであるhtmlAttributesプロパティを使用することによって実現されます。

ここしかし問題は、現在、TextBoxFor、TextAreaForまたは類似したように、実際の要素をレンダリング1とは対照的に、DisplayNameForヘルパーでこれを使用しようとしているということです。

ヘルパーは、それ自身のヘルパーは、あなたがターゲットとするプロパティの実際の名前をレンダリングします。