Удалить по умолчанию Html.TextBoxFor встроенный стиль

Question

У меня есть довольно простая форма, которую я визуализую из представления с использованием модели. В этой форме у меня есть сом текстовые входы, как это:

<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> 

Когда это оказывается на веб-странице он содержит этот противный внутренний стиль:

<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;"> 

I'v пытался несколько подходов для устранения этого, в том числе

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

И подобные, но встроенные стили, которые я добавляю, добавляются перед стилями, которые я хочу удалить, чтобы они были перезаписаны.

Как я могу удалить или переопределить этот встроенный стиль?

Answer 1

Я не думаю, что это поведение по умолчанию для помощника TextBoxFor. У вас есть какие-либо jQuery-плагины, запущенные на странице? Особенно тот, который может вводить встроенный стиль, подобный этому?