删除默认的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;">

我已经尝试了几种方法来消除这种情况，包括

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

类似的，但是我添加的内联样式是在我想要删除的样式之前添加的，所以它们会被覆盖。

如何删除或覆盖此内联样式？

Answer 1

我不认为这是TextBoxFor助手的默认行为。页面上有运行jQuery插件吗？尤其是一个可能注入像这样的内联样式的？