1

モデルを使用してビューからレンダリングする非常に基本的なフォームがあります。このフォームには、次のようなテキスト入力があります。

<div class="editor-label">
     @Html.LabelFor(model => model.UserProfile.FirstName)
</div>
<div class="editor-field">
     @Html.TextBoxFor(model => model.UserProfile.FirstName)
     @Html.ValidationMessageFor(model => model.UserProfile.FirstName)
</div>

これを Web ページにレンダリングすると、次の厄介なインライン スタイルが含まれます。

<input 
id="UserProfile_FirstName" 
name="UserProfile.FirstName" 
type="text" 
value="xxx"
sourceindex="4" 
style="border-style: solid; border-width: 1px; 
    border-color: rgb(238, 50, 50) rgb(240, 80, 80) rgb(240, 80, 80); 
    box-shadow: rgb(250, 230, 230) 1px 1px inset; 
    -webkit-box-shadow: rgb(250, 230, 230) 1px 1px inset;">

これを削除するためのいくつかのアプローチを試しました。

@Html.TextBoxFor(model => model.UserProfile.LastName, null, 
{ @style = "border-width: 0px;" })

同様ですが、追加したインラインスタイルは、削除したいスタイルの前に追加されるため、上書きされます。

このインライン スタイルを削除または上書きするにはどうすればよいですか?

4

1 に答える 1

1

これが TextBoxFor ヘルパーのデフォルトの動作ではないと思います。ページで実行されている jQuery プラグインはありますか? 特に、このようなインライン スタイルを挿入するものはありますか?

于 2013-02-06T20:01:07.243 に答える